

.common-box-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.common-box-col .common-box-col-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin-right: 16px
}

.common-box-col .common-box-col-60,.common-box-col .common-box-col-item:last-child {
    margin-right: 0
}

.common-box-col .common-box-col-40 {
    width: 256px!important;
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    padding-left: 16px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.default-state {
    margin: 40px 0 60px;
    color: #606266;
    text-align: center;
    line-height: 1.8;
    display: block
}

.default-state:before {
    background: url(../img/default-state.png) no-repeat;
    width: 74px;
    height: 93px;
    content: "";
    display: inline-block;
    margin: 0 auto 8px
}

.default-state.small:before {
    background-size: 38px 48px;
    width: 38px;
    height: 48px;
    margin-top: 20px
}

.default-state.small p {
    font-size: 13px;
    color: #606266;
    padding-bottom: 24px
}

.el-loading-mask {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.7)
}

.el-loading-mask .el-loading-spinner i {
    color: #ff5a88
}

.el-loading-mask-right {
    left: 220px
}

.el-table table {
    width: 100%
}

.common-button-group .el-button--primary,.common-button-group .el-button--primary:focus,.common-button-group .el-button--primary:hover {
    color: #ff5a88;
    background-color: #fff1f5;
    border-color: #ffd6e1
}

.common-button-group .el-button--default:hover {
    background-color: #fff1f5;
    border-color: #ffd6e1
}

.common-button-group .el-button--default:focus {
    color: #ff5a88;
    background-color: #fff1f5;
    border-color: #ffd6e1
}

.common-button-group .el-button--default:hover {
    color: #ff5a88;
    background: #fff;
    border: 1px solid #dcdfe6
}

.pull-right {
    float: right
}

.t-red,.t-red:hover {
    color: #ff5a88
}

.t-c,.t-center {
    text-align: center
}

.price {
    color: #f56c6c;
    font-weight: 500
}

.loading {
    text-align: center;
    padding: 16px 0
}

.loading,.loading a {
    color: #ff5a88
}

.iconfont.iconbangzhu {
    font-size: 14px
}

.customer-checkbox {
    margin-right: 5px;
    float: left
}

.icheckbox_square-green,.iradio_square-green {
    margin-top: 0
}

.el-progress {
    margin: 20px 0
}

.el-progress .el-progress__lable {
    display: inline-block;
    position: absolute;
    line-height: 16px
}

.el-progress .el-progress-bar {
    padding-left: 65px;
    padding-right: 70px
}

.el-progress .el-progress-bar__outer {
    background-color: #d8d8d8
}

.el-progress .el-progress-bar__inner {
    background-color: #ff5a88
}

.progressbar-box {
    padding: 8px 16px
}

.progressbar-box .fans-progressbar .el-progress-bar {
    padding-left: 40px
}

.progressbar-box .medal-progressbar .el-progress-bar {
    padding-left: 80px
}

.progressbar-box .constellation-progressbar .el-progress-bar {
    padding-left: 60px
}

.el-progress__text {
    margin-left: 0;
    position: absolute
}

.el-input.is-active .el-input__inner,.el-input__inner:focus {
    border-color: #fb7399;
    outline: 0
}

.updateTime {
    right: 48px;
    top: 32px
}

.tip_messages,.updateTime {
    position: absolute;
    color: #909399
}

.tip_messages {
    right: 0;
    top: 66px;
    font-size: 12px;
    line-height: 12px
}

.el-button--unable-two {
    color: #909399!important;
    border: 1px solid #e7ebef!important;
    background: #f4f7f9!important
}

.el-button--unable {
    color: #fff;
    background-color: #c0c4cc!important;
    border-color: #c0c4cc!important
}

.el-button--primary {
    color: #fff;
    background-color: #ff5a88;
    border-color: #ff5a88
}

.el-button--primary a {
    color: #fff
}

.el-button--primary:focus,.el-button--primary:hover {
    background: #fb7399;
    background: rgba(251,115,153,.8);
    border-color: #fb7399;
    border-color: rgba(251,115,153,.8);
    color: #fff
}

.el-button--primary.is-active,.el-button--primary:active {
    background-color: #ff5a88;
    border-color: #ff5a88;
    color: #fff
}

.el-button--primary.is-plain {
    color: #ff5a88;
    background: #fff;
    border-color: #ff5a88
}

.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
    background: #ff5a88;
    border-color: #ff5a88;
    color: #fff
}

.el-button--info,.el-button--info:focus,.el-button--info:hover {
    background-color: #d8d8d8!important;
    border-color: #d8d8d8!important;
    color: #fff!important
}

.el-select .el-input.is-focus .el-input__inner,.el-select .el-input__inner:focus {
    border-color: #ff5a88
}

.el-button--primary.is-disabled {
    background-color: #d8d8d8;
    border-color: #d8d8d8
}

.collection .list-filters .el-button-group .el-button,.el-button-group6 .el-button {
    padding: 7px 8px!important
}

.list-filters.list-filters-6 .el-button {
    padding: 0 8px!important;
    line-height: 28px!important
}

.list-filters.common-select-search .common-select {
    margin-right: -4px!important
}

.list-filters.common-select-search .common-select .select2-selection--single {
    border-radius: 4px 0 0 4px;
    border-right: 0
}

.list-filters.common-select-search .top-search-item .el-input__inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.list-filters {
    margin-bottom: 24px
}

.list-filters .common-button-group,.list-filters .common-date,.list-filters .common-picker,.list-filters .common-select {
    display: inline-block;
    margin-right: 4px
}

.list-tag.list-tag-1 .tag-item-content {
    margin-bottom: 0!important
}

.list-tag.list-tag-1 .tag-item {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #eee
}

.list-tag.list-tag-1 .tag-item:last-child {
    padding-bottom: 24px;
    border-bottom: 0
}

.list-tag.list-tag-1 .tag-item:first-child {
    padding-top: 0
}

.list-tag.list-tag-2 .tag-item-content {
    margin-bottom: 0!important
}

.list-tag.list-tag-2 .tag-item {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #eee
}

.list-tag.list-tag-2 .tag-item:last-child {
    padding-bottom: 24px;
    border-bottom: 1px solid #eee
}

.list-tag.list-tag-2 .tag-item:first-child {
    padding-top: 0
}

.list-tag .tag-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.list-tag .tag-item .tag-item-label {
    width: 80px;
    color: #606266
}

.list-tag .tag-item .tag-item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #909399;
    margin-bottom: 20px
}

.list-tag .tag-item .tag-item-content a {
    margin: 0 8px 4px 0;
    cursor: pointer;
    display: inline-block;
    color: #909399;
    text-decoration: none;
    line-height: 1
}

.list-tag .tag-item .tag-item-content a.active,.list-tag .tag-item .tag-item-content a:hover {
    color: #fb7399;
    color: rgba(251,115,153,.8)
}

.man {
    color: #409eff!important
}

.female {
    color: #ff5a88!important
}

.el-tag.el-style {
    background-color: #ff5a88;
    border-color: #ff5a88;
    color: #fff
}

.el-tag,.el-tag.el-style {
    font-weight: 400!important
}

.el-tag {
    background-color: #fff1f5;
    border: 1px solid #ffd6e1;
    display: inline-block;
    height: 18px;
    padding: 0 5px;
    line-height: 16px;
    font-size: 12px;
    color: #ff5a88;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    cursor: pointer
}

.el-tag.el-style-1 {
    background: #33a0fe;
    background: rgba(51,160,254,.1);
    border: 1px solid #95ceff;
    color: #33a0fe;
    font-weight: 400!important
}

.el-tag.el-style-2 {
    background: #ff873f;
    background: rgba(255,135,63,.1);
    border: 1px solid #ffc6a3;
    color: #ff873f;
    font-weight: 400!important
}

.pagination {
    text-align: center;
    display: block
}

.pagination .el-pagination {
    color: #606266;
    font-weight: 400
}

.pagination .el-pager li.active,.pagination .el-pager li.active a,.pagination .el-pager li:hover,.pagination .el-pager li:hover a {
    color: #ff5a88
}

.pagination .el-pager li a {
    color: #606266;
    display: block
}

.pagination .el-input__inner:focus {
    border-color: #ff5a88;
    outline: 0
}

.pagination .btn-next,.pagination .btn-prev {
    display: inline-block
}

.daterangepicker .ranges {
    margin: 4px;
    text-align: left;
    padding: 0 20px
}

.daterangepicker .ranges .range_inputs>div {
    float: left
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
    padding-left: 11px
}

.daterangepicker .ranges .range_inputs .applyBtn {
    float: right
}

.daterangepicker .ranges .range_inputs .cancelBtn {
    float: right;
    margin-right: 10px
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background: #fff!important;
    height: 40px
}

.form-control[disabled] .form-control,.form-control[readonly] .form-control,fieldset[disabled] .form-control .form-control {
    border-radius: 4px 0 0 4px
}

.input-group-addon {
    background-color: #fff!important;
    border: 1px solid #dcdfe6;
    border-width: 1px 1px 1px 0
}

.form-control:focus {
    border-color: #dcdfe6;
    box-shadow: none;
    -webkit-box-shadow: none
}

.form-control {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border: 1px solid #dcdfe6;
    border-width: 1px 0 1px 1px
}

.glyphicon-calendar:before {
    content: "";
    display: none
}

.glyphicon-calendar i {
    font-size: 12px;
    color: #cac7ca
}

.datetimepicker table tr td.today {
    background-image: none!important;
    background-color: #fff1f5!important
}

.datetimepicker table tr td.active.active {
    background-color: #ff5a88!important;
    background-image: none!important
}

.datetimepicker table tr td.active.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active:hover:active {
    background-color: #ff5a88;
    background-image: none!important
}

.el-notification {
    width: 384px;
    padding: 20px 26px 14px 13px
}

.el-notification__group {
    margin-left: 11px;
    margin-right: 0
}

.el-notification__content {
    color: #909399;
    margin: 6px 0
}

.el-message-box {
    width: 384px
}

.el-message-box_delete {
    width: 440px
}

.el-icon-warning {
    color: #ffb243
}

.el-error {
    color: #f46d74!important
}

.el-message-box {
    padding-bottom: 24px
}

.el-message-box__header {
    position: relative;
    padding: 20px 24px 10px
}

.el-message-box__wrapper {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.el-message-box__btns {
    padding: 5px 24px 0
}

.el-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px;
    margin-top: 5;
    display: inline-block;
    vertical-align: text-bottom
}

.el-message-box__content {
    padding: 0 24px 10px;
    color: #909399
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 5px
}

.el-dialog .login-tip {
    color: #f56c6c;
    text-align: center;
    display: block
}

.el-dialog__header {
    padding: 20px 24px 10px;
    text-align: center
}

.el-dialog__body {
    padding: 10px 24px
}

.el-dialog__body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.el-dialog__body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.el-dialog__body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

.el-message-box__errormsg {
    min-height: 14px
}

.el-message-box__errormsg a {
    color: #ff5a88
}

.el-message-box__input {
    padding-top: 6px
}

.el-dialog__footer {
    padding: 5px 24px 32px
}

.list-filters-up {
    padding: 24px 0 0
}

.list-filters-up:after {
    content: " ";
    display: table;
    clear: both
}

.list-filters-up {
    font-size: 14px;
    color: #909399;
    line-height: 28px
}

.pagination {
    margin: 22px 0 10px
}

.small-text {
    font-size: 12px;
    color: #909399;
    line-height: 10px
}

.text-link {
    font-size: 14px;
    color: #ff5a88;
    text-decoration: none;
    margin-left: 10px
}

.default-content {
    text-align: center;
    height: 80px;
    margin: 90px auto 0;
    color: #c0c4cc
}

.default-content .icon-default {
    background: url(../img/icon-default-content.png);
    width: 38px;
    height: 48px;
    display: block;
    margin: 0 auto 16px
}

.default-content .icon-default.default {
    background: url(../img/default-state.png);
    background-size: 38px 48px
}

.default-content .default-color {
    color: #606266
}

.el-message {
    padding: 12px 15px 12px 20px!important;
    color: #fff
}

.el-message .el-icon-error,.el-message .el-icon-success,.el-message .el-icon-warning {
    color: #fff
}

.el-message .el-icon-close {
    display: none
}

.el-message--success {
    background-color: #67c23a;
    border-color: #67c23a
}

.el-message--success .el-message__content {
    color: #fff
}

.el-message--warning {
    background-color: #ffb23d;
    border-color: #ffb23d
}

.el-message--warning .el-message__content {
    color: #fff
}

.el-message--error {
    background-color: #f56c6c;
    border-color: #f56c6c
}

.el-message--error .el-message__content {
    color: #fff
}

.sample-show {
    text-align: center
}

.sample-show .sample-show-img {
    margin: 12px auto 24px
}

.sample-show p {
    margin-bottom: 32px
}

.el-alert--info.is-light a {
    color: #ff5a88
}

.mui-switch {
    width: 42px;
    height: 22px;
    position: relative;
    background-color: #cacaca;
    border-radius: 10px;
    background-clip: content-box;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 0;
    margin-right: 12px!important
}

.mui-switch:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 18px;
    background-color: #fff
}

.mui-switch:checked {
    border-color: #ff5a88;
    background-color: #ff5a88
}

.mui-switch:checked:before {
    left: 22px
}

.mui-switch.mui-switch-animbg {
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.mui-switch.mui-switch-animbg:before {
    -webkit-transition: left .3s;
    transition: left .3s
}

.mui-switch.mui-switch-animbg:checked {
    background-color: #67c23a;
    -webkit-transition: border-color .4s,background-color .4s ease;
    transition: border-color .4s,background-color .4s ease
}

.mui-switch.mui-switch-animbg:checked:before {
    -webkit-transition: left .3s;
    transition: left .3s
}

.mui-switch.mui-switch-anim {
    -webkit-transition: border .4s cubic-bezier(0,0,0,1),-webkit-box-shadow .4s cubic-bezier(0,0,0,1);
    transition: border .4s cubic-bezier(0,0,0,1),-webkit-box-shadow .4s cubic-bezier(0,0,0,1);
    transition: border .4s cubic-bezier(0,0,0,1),box-shadow .4s cubic-bezier(0,0,0,1);
    transition: border .4s cubic-bezier(0,0,0,1),box-shadow .4s cubic-bezier(0,0,0,1),-webkit-box-shadow .4s cubic-bezier(0,0,0,1)
}

.mui-switch.mui-switch-anim:before {
    -webkit-transition: left .3s;
    transition: left .3s
}

.mui-switch.mui-switch-anim:checked {
    background-color: #67c23a;
    -webkit-transition: border .4s ease,background-color 1.2s ease,-webkit-box-shadow .4s ease;
    transition: border .4s ease,background-color 1.2s ease,-webkit-box-shadow .4s ease;
    transition: border .4s ease,box-shadow .4s ease,background-color 1.2s ease;
    transition: border .4s ease,box-shadow .4s ease,background-color 1.2s ease,-webkit-box-shadow .4s ease
}

.mui-switch.mui-switch-anim:checked:before {
    -webkit-transition: left .3s;
    transition: left .3s
}

.form-control-36[disabled],.form-control-36[readonly],fieldset[disabled] .form-control-36 {
    height: 36px!important
}

.monitoring-set {
    padding-top: 20px
}

.monitoring-set .monitoring-title {
    color: #303133;
    font-weight: 600;
    margin-bottom: 15px
}

.monitoring-set .monitoring-title span {
    color: #909399;
    font-size: 13px;
    font-weight: 400
}

.monitoring-set .monitoring-title i {
    color: #c3c7ca;
    margin-left: 5px;
    width: 13px;
    height: 13px
}

.monitoring-set .monitoring-items {
    color: #606266;
    padding: 0 0 20px
}

.monitoring-set .monitoring-items label {
    font-weight: 400
}

.monitoring-set .monitoring-items p {
    color: #606266;
    line-height: 21px;
    margin-bottom: 20px
}

.monitoring-set .monitoring-items p:last-child {
    margin-bottom: 4px
}

.monitoring-set .monitoring-items:last-child {
    padding-bottom: 0
}

.p-chart-area {
    padding-bottom: 22px
}

.p-chart-area .common-box .common-title {
    padding: 10px 0 16px
}

.p-chart-area .common-box .common-title .common-title-analysis {
    float: none
}

.el-message-box__title {
    font-weight: 600;
    font-size: 16px
}

.el-message-box__title .el-notification__icon {
    height: 22px;
    width: 22px;
    font-size: 22px;
    display: inline-block;
    vertical-align: text-top
}

.el-dialog__title {
    line-height: 16px;
    font-size: 16px;
    color: #303133;
    font-weight: 600
}

.el-dialog__title1 {
    text-align: left!important
}

.list-data {
    padding: 16px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-data .up-info,.list-data .up-info2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-data .index-number-r {
    float: right
}

.list-data .index-number-r .index-number {
    min-width: 90px;
    display: inline-block;
    color: #909399;
    text-align: center;
    line-height: 1.6
}

.list-data .index-number-r .index-number span {
    font-size: 16px;
    color: #303133;
    display: block
}

.list-data .index-number-r .index-number .red {
    color: #fb7399
}

.list-data .index-number-r .index-number .switch {
    margin-right: 8px
}

.list-data .index-number-r .index-number button {
    float: right
}

.list-data .index-number-r .index-number button span {
    font-size: 12px
}

.list-data .index-number-r .index-number .el-button--primary span {
    color: #fff
}

.add-up-info {
    padding-bottom: 16px
}

.add-up-info .f16 {
    font-size: 16px;
    color: #303133
}

.add-up-info .uid {
    color: #909399!important
}

.add-up-info .quick-links {
    padding: 16px 0 24px;
    text-align: right;
    font-size: 13px
}

.add-up-info .quick-links em {
    float: left;
    color: #c0c4cc
}

.add-up-info .quick-links a,.add-up-info .quick-links a i {
    color: #ff5a88
}

.add-up-info .list-data {
    margin-bottom: 16px
}

.quick-links-dialog {
    background: #fff;
    border-radius: 2px;
    margin-top: 16px;
    width: 580px;
    margin: -30px auto 80px;
    padding: 24px;
    position: relative
}

.quick-links-dialog img {
    width: 100%
}

.quick-links-dialog:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    right: 80px;
    z-index: 2
}

.glyphicon-arrow-left {
    position: relative
}

.glyphicon-arrow-left:after,.glyphicon-arrow-left:before {
    position: absolute;
    content: "";
    border-bottom: 5px dashed transparent;
    border-left: 5px dashed transparent;
    border-top: 5px dashed transparent;
    border-right: 5px solid #fff;
    right: 0;
    top: 1;
    margin-top: -10px
}

.glyphicon-arrow-left:before {
    border-right: 5px solid #000!important
}

.glyphicon-arrow-left:after {
    top: 0;
    border-right: 5px solid #fff
}

.prev:hover .glyphicon-arrow-left:after {
    top: 0;
    border-right: 5px solid #eee
}

.glyphicon-arrow-right {
    position: relative
}

.glyphicon-arrow-right:after,.glyphicon-arrow-right:before {
    position: absolute;
    content: "";
    border-bottom: 5px dashed transparent;
    border-right: 5px dashed transparent;
    border-top: 5px dashed transparent;
    border-left: 5px solid #fff;
    right: -6px;
    top: 1;
    margin-top: -10px
}

.glyphicon-arrow-right:before {
    border-left: 5px solid #000!important
}

.glyphicon-arrow-right:after {
    top: 0;
    border-left: 5px solid #fff
}

.next:hover .glyphicon-arrow-right:after {
    top: 0;
    border-left: 5px solid #eee
}

.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover {
    background: #ff5a88;
    border-color: #ff5a88;
    color: #fff
}

.el-button--danger.is-plain {
    color: #fb7399;
    background: #fff;
    border-color: #ff5a88
}

.el-button--danger.is-plain:active {
    background: #f44d7b;
    border-color: #f44d7b;
    color: #fff;
    outline: none
}

.el-button--medium .min-14 {
    display: inline-block;
    -webkit-animation: example 1s infinite linear;
    animation: example 1s infinite linear
}

@-webkit-keyframes example {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes example {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.el-button--default:focus {
    color: #ff5a88;
    background-color: #fff1f5;
    border-color: #ffd6e1
}

.el-button--default:hover {
    color: #ff5a88;
    background: #fff;
    border: 1px solid #ff5a88
}

.brand-detail-com .show-area {
    border: 0!important
}

.brand-detail-com .c-datepicker-date-editor.active {
    border: 1px solid #fb7399!important
}

.brand-detail-com .daterangepicker td.active,.daterangepicker td.active:hover {
    background: #fb7399!important
}

.brand-detail-com .btn-primary,.brand-detail-com .btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
    background-color: #fb7399!important;
    border-color: #fb7399!important
}

.brand-detail-com .el-dialog__body {
    padding: 10px 24px!important
}

.icon-warn {
    background: url(../img/icon-warn.png);
    width: 32px;
    height: 32px
}

.warn-state {
    padding: 40px;
    text-align: center;
    color: #f56c6c
}

.warn-state .icon-warn {
    margin: 0 auto 20px;
    display: block
}

.daterangepicker td.in-range {
    background-color: #fb7399!important;
    background-color: rgba(251,115,153,.05)!important
}

.daterangepicker td.active,.daterangepicker td.active:hover {
    background-color: #fb7399!important
}

.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
    color: #fff;
    background-color: #fb7399!important;
    background-color: rgba(251,115,153,.8)!important;
    border-color: #fb7399!important;
    border-color: rgba(251,115,153,.8)!important
}

.btn-primary {
    color: #fff;
    background-color: #fb7399!important;
    border-color: #fb7399!important
}

.daterangepicker {
    width: 490px!important
}

.daterangepicker .ranges {
    display: none
}

.gj-tooltip {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.1);
    border: 1px solid #e0e6ed;
    background: #fff;
    z-index: 1000
}

.gj-tooltip:before {
    top: -16px;
    border-width: 8px;
    border-color: transparent transparent #fff;
    z-index: 12
}

.gj-tooltip:after,.gj-tooltip:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid
}

.gj-tooltip:after {
    top: -18px;
    border-width: 9px;
    border-color: transparent transparent #ccc;
    z-index: 10
}

.gj-tooltip .gj-tooltip-inner {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px
}

.gj-tooltip .gj-tooltip-content {
    height: 100%
}

.gj-tooltip .gj-tooltip-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.gj-tooltip .gj-tooltip-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.gj-tooltip .gj-tooltip-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

span .tag-new {
    width: 30px;
    height: 14px;
    line-height: 14px;
    padding: 0;
    text-align: center;
    font-size: 12px;
    margin-left: 3px;
    margin-top: -3px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: inline-block
}

.flex-a {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

a .tag-new-img {
    width: 24px;
    height: 12px;
    margin-left: 3px
}

a .orgin-new {
    background: -webkit-linear-gradient(37deg,#ffb560,#ff7f32);
    background: linear-gradient(53deg,#ffb560,#ff7f32)
}

a .red-new {
    background: -webkit-linear-gradient(45deg,#ff74a7,#ff2858);
    background: linear-gradient(45deg,#ff74a7,#ff2858)
}

span.hot-new {
    width: 30px;
    height: 14px;
    line-height: 14px;
    padding: 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-left: 3px;
    margin-top: -3px;
    background-color: #fb7399;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: inline-block
}

a span.hot-new {
    margin-top: -5px
}

span.hot-v2 {
    width: 34px;
    height: 16px;
    line-height: 13px;
    padding-right: 5px;
    position: absolute;
    z-index: 71;
    text-align: center;
    font-size: 12px;
    vertical-align: 10px;
    color: #fff;
    margin-left: 3px;
    background: url(../img/hotv2.png) no-repeat;
    display: inline-block
}

span.live-v2 {
    width: 30px;
    z-index: 71;
    z-index: 11;
    background: url(../img/newv2.png) no-repeat
}

span.beta-v2,span.live-v2 {
    height: 16px;
    line-height: 13px;
    padding-right: 3px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    vertical-align: 10px;
    color: #fff;
    margin-left: 3px;
    display: inline-block
}

span.beta-v2 {
    width: 34px;
    z-index: 71;
    background: url(../img/betav2.png) no-repeat
}

.default-state-none {
    padding: 40px 0
}

.default-state-none .default-state {
    margin-top: 0;
    margin-bottom: 12px
}

.default-state-none .default-state:before {
    margin-bottom: 10px
}

.default-state-none .default-state p {
    color: #303133!important
}

.default-state-none p {
    color: #909399;
    text-align: center;
    line-height: 32px
}

.default-state-none p button {
    margin-top: 26px
}

span.success {
    color: #909399;
    font-size: 13px;
    padding-top: 20px;
    line-height: 26px;
    display: block
}

.pb52 {
    padding-bottom: 52px!important
}

.pt16 {
    padding-top: 16px!important
}

.p0 {
    padding: 0!important
}

.pt0 {
    padding-top: 0!important
}

.pt8 {
    padding-top: 8px!important
}

.pb8 {
    padding-bottom: 8px!important
}

.pb0 {
    padding-bottom: 0!important
}

.pd19 {
    padding-bottom: 19px!important
}

.err {
    color: #f56c6c;
    font-size: 13px;
    padding: 50px 0;
    text-align: center
}

.err:before {
    width: 32px;
    height: 32px;
    content: "";
    display: block;
    background: url(../img/icon-warn.png);
    margin: 0 auto 20px
}

.roll-news-com,.roll-news-com .roll-notice {
    width: 100%
}

.roll-news-com .roll-notice .roll-notice-left {
    float: left;
    width: 85px;
    color: #909399;
    font-size: 13px;
    position: relative;
    z-index: 1;
    margin-top: 17px;
    text-align: left
}

.roll-news-com .roll-notice .roll-notice-left strong {
    font-weight: 700;
    color: #303133;
    font-size: 20px;
    display: inline-block;
    padding-right: 6px
}

.roll-news-com .roll-notice .roll-notice-left .tag-new {
    width: 11px;
    height: 11px;
    background: url(../img/circle.png) no-repeat;
    position: absolute;
    z-index: 1;
    right: -6px;
    top: 5px;
    display: block
}

.roll-news-com .roll-notice .roll-notice-right {
    border-left: 1px solid #eee;
    padding: 8px 0 8px 17px;
    float: left;
    width: calc(100% - 85px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box {
    background: #fafafa;
    border-radius: 2px;
    border: 1px solid #eee;
    padding: 14px 12px
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box .roll-notice-top {
    width: 100%;
    line-height: 14px
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box .roll-notice-top span {
    width: calc(100% - 16px);
    text-align: left;
    float: left;
    color: #303133;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box .roll-notice-top span.desc-title {
    white-space: unset
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box .roll-notice-top a {
    float: right
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box .roll-notice-top a i {
    font-size: 14px;
    color: #c0c4cc
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box .roll-notice-body {
    width: 100%;
    display: none;
    text-align: left;
    color: #606266;
    font-size: 13px;
    line-height: 21px;
    padding-top: 12px
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box .roll-notice-body p {
    width: 100%;
    font-size: 13px
}

.roll-news-com .roll-notice .roll-notice-right .roll-notice-right-box .roll-notice-body p img {
    margin: 10px 0;
    display: block
}

.text-left {
    text-align: left
}

.text-left span {
    font-weight: 400
}

.pd0 {
    padding: 0!important
}

.back-top {
    position: fixed;
    right: 0;
    bottom: 100px;
    background: #000;
    background: rgba(0,0,0,.4);
    border-radius: 4px;
    width: 26px;
    color: #fff;
    z-index: 999;
    text-align: center;
    padding: 10px 0;
    cursor: pointer
}

.back-top i {
    display: block;
    margin: 0 auto;
    padding-bottom: 0;
    width: 16px
}

.back-top:hover {
    background: #fb7399
}

.total-collection {
    float: right;
    color: #909399
}

.zoom {
    background: #fff;
    border-radius: 4px;
    padding: 24px;
    border: 1px solid #eee;
    margin-top: 24px
}

.zoom.tip {
    padding: 16px 24px;
    border: 1px solid #fb7399;
    border: 1px solid rgba(251,115,153,.15);
    color: #606266;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fb7399;
    background: rgba(251,115,153,.05)
}

.zoom.tip p {
    text-align: left;
    padding-top: 11px;
    float: left;
    margin-right: 16px
}

.zoom.tip p a {
    color: #fb7399
}

.zoom.tip button {
    float: right
}

.zoom.show {
    padding: 0;
    border: 0
}

.zoom.show img {
    border-radius: 4px;
    width: 100%
}

.zoom.show-one {
    background: #fafafa;
    min-height: 600px
}

.small-select-24 {
    margin-right: 24px;
    position: relative
}

.small-select-24 span {
    color: #606266
}

.small-select-24 .select2-selection--single .select2-selection__rendered {
    line-height: 23px
}

.small-select-24 .select2-container .select2-selection--single {
    height: 24px
}

.small-select-24 .select2-selection--single .select2-selection__arrow {
    top: 5px;
    right: 5px
}

.bottom-dashed {
    border-bottom: 1px dashed #eee!important
}

.bottom-none {
    border-bottom: 0!important
}

.bottom-solid {
    border-bottom: 1px solid #eee!important
}

.font-color-FF5A88 {
    color: #ff5a88!important
}

.pt5 {
    padding-top: 0!important
}

.mb8 {
    margin-bottom: 8px!important
}

.pb24 {
    padding-bottom: 24px!important
}

.pl7 {
    padding-left: 7px!important
}

.pl23 {
    padding-left: 23px!important
}

.pr14 {
    padding-right: 14px!important
}

.pr43 {
    padding-right: 43px!important
}

.mb24 {
    margin-bottom: 24px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb0 {
    margin-bottom: 0!important
}

.mt24 {
    margin-top: 24px!important;
    line-height: 22px
}

.mt32 {
    margin-top: 32px!important
}

.mt-24 {
    margin-top: -24px!important
}

.mt-90 {
    margin-top: 90px
}

.pr0 {
    padding-right: 0!important
}

.mr34 {
    margin-right: 34px!important
}

.mr10 {
    margin-right: 10px!important
}

.mb16 {
    margin-bottom: 16px!important
}

.mt-8 {
    margin-top: -8px!important
}

.mb-8 {
    margin-bottom: -8px!important
}

.mb-24 {
    margin-bottom: -24px!important
}

.mb-4 {
    margin-bottom: -4px!important
}

.mb4 {
    margin-bottom: 4px!important
}

.mt0 {
    margin-top: 0!important
}

.mt8 {
    margin-top: 8px!important
}

.mt4 {
    margin-top: 4px!important
}

.mt-4 {
    margin-top: -4px!important
}

.mt10 {
    margin-top: 10px!important
}

.mt16 {
    margin-top: 16px!important
}

.ml16 {
    margin-left: 16px!important
}

.italic-order {
    font-style: italic;
    padding-left: 0!important;
    text-align: center!important;
    color: #303133
}

.line-height40 {
    line-height: 40px
}

.inline-flex {
    display: -webkit-inline-box!important;
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.el-button-34 {
    padding: 8px 40px!important
}

.box-average {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    padding: 24px;
    border: 1px solid #eee;
    margin-bottom: 24px
}

.box-average .flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.box-average .flex-item .title {
    color: #909399;
    width: 100%;
    font-size: 13px;
    padding-bottom: 12px
}

.box-average .flex-item .n-box {
    color: #303133;
    width: 100%;
    font-size: 16px;
    font-weight: 700
}

.select-custom-96 {
    background: #fff;
    width: 120px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    color: #d9d9d9;
    text-align: center
}

.select-custom .input {
    width: 100%;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    padding: 0 2px;
    text-align: center
}

.select-custom .input-left {
    width: 45%!important;
    position: absolute;
    left: 0
}

.select-custom .line {
    line-height: 24px;
    text-align: center;
    color: #d9d9d9
}

.select-custom .input-right {
    width: 45%!important;
    position: absolute;
    right: 0
}

.select-custom .close {
    position: absolute;
    right: -13px;
    top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: .4
}

.flex-box {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 22px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-box .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.flex-box .item strong {
    display: block;
    color: #303133;
    font-size: 16px;
    white-space: nowrap
}

.flex-box .item span {
    display: block;
    color: #909399;
    font-size: 13px;
    padding-bottom: 16px;
    white-space: nowrap
}

.flex-box li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.flex-box li strong {
    display: block;
    color: #000;
    font-size: 16px;
    white-space: nowrap
}

.flex-box li span {
    display: block;
    color: #909399;
    font-size: 13px;
    padding-bottom: 16px;
    white-space: nowrap
}

.tip-message {
    padding: 17px 0;
    color: #909399;
    font-size: 13px
}

.tip-message i {
    padding-right: 6px;
    color: #c0c4cc;
    font-size: 14px
}

.el-button--default-color {
    border-color: #ff5a88
}

.el-button--default-color span {
    color: #ff5a88!important
}

.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-center,.inline-flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inline-flex-center {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.red {
    color: #fb7399
}

.sidebar .el-menu-item a {
    display: block
}

.search-history {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search-history label {
    display: inline-block;
    color: #909399;
    font-size: 13px;
    font-weight: 400
}

.search-history .search-history-tag {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.search-history a {
    padding: 2px 9px;
    display: inline-block;
    color: #909399;
    border: 1px solid #f3f3f3;
    font-size: 13px;
    background: #f3f3f3;
    margin: 2px;
    border-radius: 3px
}

.search-history a.active,.search-history a:hover {
    color: #ff5a88;
    border: 1px solid #ffd6e1;
    background: #fff1f5
}

.scrollbar {
    overflow-x: hidden;
    overflow-y: auto
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.scrollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

.el-input.search-input {
    color: #606266
}

.el-input.search-input label {
    margin-right: 20px;
    font-weight: 400;
    margin-bottom: 16px
}

.el-input.search-input label.active {
    color: #ff5a88
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.theadScroll {
    position: fixed;
    top: 84px;
    left: 268px;
    right: 47px;
    z-index: 11;
    width: calc(100% - 320px)
}

#top1 {
    background: #fff
}

.italic-order span {
    font-style: normal
}

.up-info.relative {
    position: relative;
    min-height: 25px
}

.up-info.relative a {
    color: #606266
}

.up-info.relative .brand-compare {
    position: absolute;
    left: 0;
    top: -16px;
    z-index: 9;
    padding: 3px 10px;
    background: #000;
    background: rgba(0,0,0,.5);
    border-radius: 4px;
    color: #fff;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.up-info.relative .brand-compare .icheckbox_square-green,.up-info.relative .brand-compare .iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url() no-repeat;
    border: none;
    cursor: pointer;
    margin-right: 6px
}

.up-info.relative .brand-compare .icheckbox_square-green {
    background-position: -72px 0
}

.up-info.relative .brand-compare .icheckbox_square-green:hover {
    background-position: -18px 0
}

.up-info.relative .brand-compare .icheckbox_square-green.checked {
    background-position: -36px 0
}

.up-info.relative .brand-compare .icheckbox_square-green.disabled {
    background-position: -54px 0
}

.up-info.relative .brand-compare .icheckbox_square-green.disabled:hover {
    cursor: not-allowed
}

.up-info.relative:hover .brand-compare {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.up-info.relative .brand-compare-1 {
    margin-top: 0;
    padding: 3px 10px;
    background: #000;
    background: rgba(0,0,0,.5);
    border-radius: 4px;
    color: #fff;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.up-info.relative .brand-compare-1 .icheckbox_square-green,.up-info.relative .brand-compare-1 .iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url() no-repeat;
    border: none;
    cursor: pointer;
    margin-right: 8px
}

.up-info.relative .brand-compare-1 .icheckbox_square-green {
    background-position: -72px 0
}

.up-info.relative .brand-compare-1 .icheckbox_square-green:hover {
    background-position: -18px 0
}

.up-info.relative .brand-compare-1 .icheckbox_square-green.checked {
    background-position: -36px 0
}

.up-info.relative .brand-compare-1 .icheckbox_square-green.disabled {
    background-position: -54px 0
}

.up-info.relative .brand-compare-1 .icheckbox_square-green.disabled:hover {
    cursor: not-allowed
}

.up-info.relative:hover .brand-compare-1 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.red {
    color: #fb7399!important
}

a.default-color {
    color: #606266!important
}

a.default-color:hover {
    color: #fb7399!important
}

.nickname {
    color: #303133!important
}

.nickname:hover {
    color: #ff5a88!important
}

.f13 {
    font-size: 13px!important
}

.a-custom {
    position: relative;
    z-index: 99
}

.list-tips {
    color: #606266;
    padding: 24px 0 0;
    text-align: center
}

.list-tips a {
    color: #fb7399
}

.up-info__item.relative:hover .hover-show {
    display: block
}

.grey {
    color: #999!important
}

.not-allowed {
    color: #c0c4cc!important;
    cursor: not-allowed
}

.list-filters .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: #ffd6e1;
    border-right-color: #ffd6e1;
    position: relative;
    z-index: 9
}

.list-filters .el-button-group .el-button {
    padding: 12px 15px
}

.el-tab-pane-6 {
    overflow: visible!important;
    height: calc(100% + 20px)!important
}

.height-50 {
    height: calc(100% - 50px)!important
}

.cursor {
    cursor: pointer
}

.rank-search {
    float: right;
    width: 380px;
    margin-right: 14px
}

.rank-search .el-input__inner {
    height: 41px;
    line-height: 41px
}

.rank-btn {
    border-color: #fb7399;
    padding: 0 16px;
    line-height: 38px;
    float: right
}

.rank-btn.rank-btn-up {
    padding: 0 14px;
    margin-left: 16px;
    line-height: 34px
}

.rank-btn:hover {
    border-color: #fb7399;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8;
    background: none
}

.rank-btn:active,.rank-btn:focus,.rank-btn:visited {
    border-color: #fb7399;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    background: #fff!important
}

.rank-btn span {
    color: #fb7399
}

.rank-btn-collect {
    padding: 0 14px;
    border-color: #fb7399;
    float: right;
    margin-left: 16px;
    line-height: 34px;
    color: #fff;
    background: #fb7399
}

.rank-btn-collect span {
    color: #fff
}

.rank-btn-collect:hover {
    border-color: #fb7399;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8;
    background: #fb7399
}

.rank-btn-collect:active,.rank-btn-collect:focus,.rank-btn-collect:visited {
    border-color: #fb7399;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    background: #fb7399!important
}

.list-filters-hot {
    line-height: 36px;
    color: #909399;
    margin-top: -2px
}

.list-filters-hot button,.list-filters-hot p {
    float: left
}

.rank-rank span a {
    color: #ff5a88
}

.rank-rank span a.default {
    color: #c0c4cc;
    cursor: not-allowed
}

.rank-rank .list-bd .col-item:first-child,.rank-rank .list-hd .col-item:first-child {
    padding-left: 24px
}

.rank-rank .rank-order span {
    line-height: 30px;
    display: inline-block;
    padding: 0 8px;
    color: #fb7399;
    background: #fff1f5;
    border-radius: 4px;
    border: 1px solid #ffd6e1
}

.rank-rank .rank-order.default span {
    color: #909399!important;
    background: #eee!important;
    border: 1px solid #eee!important
}

.rank-show-1 .el-dialog__header {
    padding-top: 24px;
    padding-bottom: 14px
}

.rank-show-1 .el-button-group {
    margin-bottom: 24px
}

.rank-show-1 .list-hd .col-item:first-child {
    text-align: left;
    padding-left: 24px
}

.rank-show-1 .list-bd .col-item:first-child {
    text-align: left!important;
    padding-left: 24px
}

.el-button-group .el-button--primary {
    position: relative;
    z-index: 9
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-color: #ffd6e1
}

.pinpai-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
    max-width: calc(100% - 70px)
}

.pinpai-name,.pinpai-name:hover {
    color: #303133
}

.list-row:hover .brand-compare {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pinpai-ing .pinpai-ing-hd {
    color: #303133;
    margin-top: 40px;
    text-align: center;
    padding-bottom: 16px;
    font-weight: 700;
    font-size: 16px
}

.pinpai-ing .pinpai-ing-hd:before {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
    background: url(../img/ing.png) no-repeat
}

.pinpai-ing .pinpai-ing-bd-p {
    display: block;
    margin-bottom: 54px;
    line-height: 20px;
    text-align: center;
    color: #909399
}

.pinpai-ing .confirm-btn {
    text-align: center;
    margin-bottom: 40px
}

.pinpai-ing .confirm-btn button {
    min-width: 130px
}

.pinpai-form .el-message-box__input {
    margin-bottom: 16px
}

.pinpai-form .choose-element {
    width: 100%;
    display: block
}

.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
    color: #ff5a88!important
}

.qq-contact {
    width: 208px;
    margin: 0 auto;
    text-align: center
}

.qq-contact .p-row {
    padding: 24px 0 16px
}

.qq-contact .p-row .kefu-time {
    display: block;
    text-align: left;
    color: #909399;
    height: 15px;
    line-height: 15px;
    margin-bottom: 14px;
    font-size: 13px
}

.qq-contact .p-row .kefu-time strong {
    color: #606266;
    font-weight: 400;
    padding-right: 3px
}

.qq-contact .p-row .kefu-time span {
    color: #fb7399
}

.qq-contact .p-row .number {
    float: left;
    height: 22px;
    color: #909399;
    line-height: 22px
}

.qq-contact .p-row .el-button {
    padding: 0 8px;
    float: left;
    margin-left: 12px;
    line-height: 22px
}

.qq-contact.qq-contact-1 {
    width: unset
}

.qq-contact.qq-contact-1 .p-row {
    display: inline-block;
    margin-right: 32px
}

.qq-contact.qq-contact-1 .p-row:nth-child(2) {
    margin-right: 0;
    margin-top: 9px
}

.export-dialog .el-dialog-export-data {
    padding: 24px;
    margin-top: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e4e7ed
}

.export-dialog .el-dialog-export-data li {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.export-dialog .el-dialog-export-data li span {
    display: block;
    color: #909399;
    font-size: 13px;
    line-height: 13px;
    padding-bottom: 16px
}

.export-dialog .el-dialog-export-data li strong {
    display: block;
    color: #303133;
    font-size: 16px;
    line-height: 16px
}

.export-dialog .export-p {
    padding: 16px 0 18px;
    line-height: 14px;
    text-align: left;
    color: #909399;
    font-size: 13px
}

.export-dialog .el-dialog__footer {
    padding-top: 8px
}

.export-dialog .el-message-box__input {
    position: relative
}

.export-dialog .el-message-box__input-span {
    position: absolute;
    right: 10px;
    top: 16px;
    color: #b6c5d3
}

.export-dialog .el-message-box__input-span em {
    font-style: normal
}

.n-box-2 span {
    font-weight: 700;
    color: #303133;
    font-size: 16px
}

.n-box-2 span i {
    font-size: 14px;
    padding-left: 3px
}

.n-box-2 span.down i {
    color: #67c23a
}

.n-box-2 span.up i {
    color: #ff5a88
}

.n-box-2 .title {
    font-weight: 400;
    padding-right: 24px
}

.n-box-2 .title,.n-box-2 em {
    color: #606266;
    display: inline-block;
    font-size: 13px
}

.n-box-2 em {
    font-style: normal;
    padding-top: 16px
}

.up-info-ranking .up-info__avatar {
    height: unset!important;
    width: 58px!important
}

.up-info-ranking .up-info__avatar img {
    width: 48px!important;
    border-radius: 50%!important;
    height: 48px!important
}

.main-common-ml {
    position: absolute!important;
    top: unset!important;
    left: unset!important
}

.flex-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.top-search .el-button--default-pink {
    color: #ff5a88;
    background: #fff!important;
    border-color: #ff5a88;
    padding: 12px 18px 12px 20px!important
}

.top-search .search-criteria:after {
    border-top: 6px solid #ff5a88!important
}

.top-search .active:after {
    border-bottom: 6px solid #ff5a88!important;
    border-top: unset!important
}

.up-search {
    height: 100%!important
}

.up-search .back-padding {
    background: #fff;
    padding: 24px
}

.back-padding {
    background: #fff!important;
    padding: 24px
}

.pink {
    color: #fb7399;
    font-size: 13px
}

.none-back {
    padding: unset!important;
    background: unset!important;
    border: unset!important;
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important
}

.pb8 {
    padding-bottom: 8px
}

.select-1 {
    position: relative
}

.select-1 a {
    line-height: unset!important
}

.select-1 .nav-pop {
    background: none;
    position: absolute;
    top: -20px;
    display: none;
    width: 381px;
    min-height: 30px;
    left: 0
}

.select-1 .bubble {
    display: block;
    position: absolute;
    width: 391px;
    padding: 12px 16px;
    background: #fff;
    z-index: 9;
    top: -33px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.08)
}

.select-1 .bubble:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 12px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff;
    border-top-width: 6px;
    color: #fff
}

.select-1 .bubble p {
    height: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #909399;
    line-height: 20px
}

.select-1 .bubble p a {
    color: #ff5a88!important;
    margin-right: 4px
}

.select-1 .bubble p a:last-child {
    margin-left: 4px
}

.select-1 .bubble p img {
    width: 24px;
    height: 22px;
    margin-left: 4px;
    padding-top: 4px
}

.select-1:hover a {
    color: silver
}

.select-1:hover .nav-pop {
    display: block
}

.select-1:hover .nav-pop .bubble span {
    color: #ff5a88!important;
    vertical-align: unset!important
}

.condition-list-2 {
    position: relative
}

.condition-list-2 .nav-pop {
    background: none;
    position: absolute;
    top: -20px;
    display: none;
    width: 381px;
    min-height: 20px;
    left: 0
}

.condition-list-2 .nav-pop-1 .bubble:after {
    left: unset!important;
    right: 12px!important
}

.condition-list-2 .bubble {
    display: block;
    position: absolute;
    width: 385px;
    padding: 12px 16px;
    background: #fff;
    z-index: 99;
    left: 0;
    top: -33px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.08)
}

.condition-list-2 .bubble:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 12px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff;
    border-top-width: 6px;
    color: #fff
}

.condition-list-2 .bubble p {
    height: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #909399;
    line-height: 20px
}

.condition-list-2 .bubble p a {
    color: #ff5a88!important;
    margin-right: 4px
}

.condition-list-2 .bubble p a:last-child {
    margin-left: 4px
}

.condition-list-2 .bubble p span {
    color: #ff5a88!important;
    margin-right: 4px
}

.condition-list-2 .bubble p img {
    width: 24px;
    height: 22px;
    margin-left: 4px;
    padding-top: 4px
}

.condition-2-active .condition-list-items a,.condition-2-active .condition-list-label {
    color: silver!important
}

.condition-2-active .small-select-24 .choose-element,.condition-2-active .small-select-24 span i {
    color: silver
}

.tabScroll-2 {
    position: fixed;
    top: 156px;
    z-index: 999;
    right: 47px;
    left: 446px!important;
    background: #fff;
    height: 40px;
    border-radius: 4px;
    border-bottom: 1px solid #dcdfe6
}

.el-menu--collapse .el-submenu .el-menu {
    margin-left: 0
}

.el-menu--collapse .el-submenu-active,.el-menu--collapse .el-submenu-active i {
    color: #ff5a88!important
}

.sidebar-collapsed .el-submenu:hover .el-menu {
    display: block!important
}

.pagination .btn-next:hover i,.pagination .btn-prev:hover i {
    color: #fb7399!important
}

.unscrol {
    overflow-x: unset!important;
    overflow-y: unset!important
}

.lh2 {
    line-height: 2px!important
}

.blend-offer-1 {
    position: absolute;
    bottom: 0;
    left: -7px;
    max-width: 160px;
    height: 28px;
    color: #fff;
    padding: 4px;
    top: -6px;
    border-radius: 2px 2px 2px 0;
    background: #fb7399
}

.blend-offer-1 p {
    line-height: 19px;
    font-size: 13px;
    max-width: 160px;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden
}

.blend-offer-1 .bubble-blend {
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 30px;
    left: 0;
    display: none;
    color: #909399;
    background: #fff;
    padding: 4px;
    z-index: 5
}

.blend-offer-1:hover .bubble-blend {
    display: block
}

.blend-offer-1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 0 5px 5px;
    border-style: solid;
    border-color: transparent;
    border-top: 7px solid red;
    border-left: 7px solid transparent;
    border-top-color: currentColor;
    color: #d34069
}

.blend-offer-2 {
    position: absolute;
    bottom: 0;
    left: -7px;
    max-width: 88px;
    height: 20px;
    color: #fff;
    padding: 4px 8px;
    top: -6px;
    border-radius: 2px 2px 2px 0;
    background: #fb7399
}

.blend-offer-2 p {
    line-height: 13px;
    font-size: 13px;
    max-width: 85px;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden
}

.blend-offer-2 .bubble-blend {
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 24px;
    left: 0;
    display: none;
    color: #909399;
    background: #fff;
    padding: 4px;
    z-index: 5
}

.blend-offer-2:hover .bubble-blend {
    display: block
}

.blend-offer-2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 0 5px 5px;
    border-style: solid;
    border-color: transparent;
    border-top: 7px solid red;
    border-left: 7px solid transparent;
    border-top-color: currentColor;
    color: #d34069
}

.overflow-visible {
    overflow: unset!important
}

.updetail .up-info__avatar {
    width: 80px
}

.updetail .updetail__info .up-info .up-info__avatar img {
    width: 64px!important;
    height: 64px!important
}

.loginButton {
    margin: 240px auto 0;
    color: #fff;
    background: #fb7399;
    border-radius: 2px;
    padding: 6px 48px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: unset;
    font-size: 14px
}

.more-data-1 {
    display: block!important
}

.left-mask {
    position: absolute;
    left: 14px;
    width: 293px;
    height: 357px;
    bottom: 22px;
    z-index: 99;
    text-align: center;
    background: url(../img/bac-left.png);
    background-size: 100%
}

.left-mask .mask-box {
    margin: 40px auto 0
}

.left-mask .mask-box a {
    width: 116px;
    height: 36px;
    background: #fb7399;
    line-height: 36px;
    margin: 0 auto;
    display: block;
    color: #fff;
    border-radius: 4px
}

.left-mask .mask-box a i {
    margin-right: 6px;
    vertical-align: -1px
}

.wi80 {
    width: 80px!important
}

.fl {
    float: left
}

.fr {
    float: right
}

.el-button--large {
    padding: 10px 80px
}

.new-group {
    color: #fb7399;
    margin-top: 12px;
    margin-bottom: 8px
}

.new-group:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
    opacity: unset;
    color: #fb7399
}

.logo_news {
    float: left;
    margin-top: 16px
}

.game-select .list-bd .col-item:first-child,.game-select .list-hd .col-item:first-child {
    padding-left: 16px
}

.more-oil {
    position: relative;
    overflow: unset!important
}

.more-oil .bubble-pop {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: -40px;
    left: -60px;
    display: none;
    color: #909399;
    background: #fff;
    padding: 6px 8px;
    z-index: 5
}

.more-oil .bubble-pop,.more-oil .bubble-pop:before {
    position: absolute;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.08)
}

.more-oil .bubble-pop:before {
    content: "";
    top: 100%;
    left: 45%;
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent;
    border-top-width: 6px;
    border-top: 7px solid transparent;
    border-top-color: currentColor;
    color: #fff
}

.more-oil:hover .bubble-pop {
    display: block
}

.pl16 {
    padding-left: 16px!important
}

.text-line-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1
}

.text-line-1,.text-line-2 .up-info__info-name {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.text-line-2 .up-info__info-name {
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.fan-table-rank {
    background: #eee;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 24px;
    padding-top: 2px
}

.fan-table-rank .without {
    width: 36px;
    display: block;
    padding-left: none
}

.fan-table-rank .rank_index {
    line-height: 24px
}

.fan-table-rank .index-rank {
    line-height: 0;
    text-align: center
}

.fan-table-rank .index-rank span {
    margin-top: -8px;
    display: block
}

.fan-table-rank-1,.fan-table-rank-2,.fan-table-rank-3 {
    width: 24px;
    height: 32px;
    margin-left: 24px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 0;
    display: block
}

.fan-table-rank-1 .index-rank,.fan-table-rank-2 .index-rank,.fan-table-rank-3 .index-rank {
    font-weight: 400;
    line-height: 0;
    text-align: center
}

.fan-table-rank-1 .index-rank span,.fan-table-rank-2 .index-rank span,.fan-table-rank-3 .index-rank span {
    color: #909399;
    display: block;
    margin-top: -2px
}

.fan-table-rank-1 .none-up,.fan-table-rank-2 .none-up,.fan-table-rank-3 .none-up {
    width: 36px;
    display: block;
    padding-left: none
}

.fan-table-rank-1 {
    background: url(../img/NO1.png)
}

.fan-table-rank-2 {
    background: url(../img/NO2.png)
}

.fan-table-rank-3 {
    background: url(../img/NO3.png)
}

.select-mania-dropdown {
    border-top: 1px solid #d6d6d6!important
}

.scroll-wide {
    max-width: calc(100% - 150px)!important
}

.scroll-wide,.select-mania-dropdown {
    min-width: 112px!important;
    width: unset!important
}

.select-mania-dropdown {
    max-width: 100%!important;
    right: 0
}

.select-mania-values {
    padding-right: unset!important;
    margin-right: 8px
}

.hideof .list-con .list-hd {
    width: unset
}

.hideof .tabScroll_label {
    position: fixed;
    width: auto;
    top: 220px;
    min-width: 820px;
    z-index: 100;
    right: 48px;
    left: 268px;
    background: #fff!important;
    height: 48px;
    border-bottom: 1px solid #eee
}

.sidebar-collapsed .hideof .list-con .list-hd {
    width: unset
}

.sidebar-collapsed .hideof .tabScroll_label {
    position: fixed;
    width: auto;
    top: 220px;
    min-width: 820px;
    z-index: 100;
    right: 48px;
    left: 106px!important;
    background: #fff!important;
    height: 48px;
    border-bottom: 1px solid #eee
}

.brand-ranking-list-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 99;
    border-radius: 3px
}

.brand-ranking-list-box .brand-ranking-list {
    width: 100%;
    height: 96px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    border-radius: 3px;
    padding: 12px 24px
}

.brand-ranking-list-box .brand-ranking-list .tablist {
    float: left;
    height: 72px;
    background: #fff;
    font-size: 14px;
    color: #606266
}

.brand-ranking-list-box .brand-ranking-list .tablist .item,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 {
    height: 100%;
    padding: 14px 16px;
    border: 1px solid #dcdfe6;
    display: inline-block;
    float: left;
    margin-right: unset
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .i-top,.brand-ranking-list-box .brand-ranking-list .tablist .item .i-top {
    font-size: 18px;
    padding: 16px 28px 6px;
    color: #606266
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text,.brand-ranking-list-box .brand-ranking-list .tablist .item .text {
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
    color: #606266;
    line-height: 22px;
    margin-top: 4px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box {
    font-size: 14px;
    font-weight: 400;
    color: #30aeff
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-1,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-2,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-3,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-5,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-6,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-7,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-1,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-2,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-3,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-5,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-6,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-7 {
    display: none;
    position: absolute;
    max-width: 188px;
    background: #fff;
    z-index: 11110;
    top: 84px;
    border-radius: 4px;
    text-align: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.15)
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-1:after,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-2:after,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-3:after,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-4:after,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-5:after,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-6:after,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-7:after,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-1:after,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-2:after,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-3:after,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-4:after,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-5:after,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-6:after,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-7:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 45%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    border-bottom-width: 6px;
    color: #fff
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-1 p,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-2 p,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-3 p,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-4 p,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-5 p,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-6 p,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-7 p,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-1 p,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-2 p,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-3 p,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-4 p,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-5 p,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-6 p,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-7 p {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #909399!important;
    line-height: 18px;
    margin-top: 12px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-1 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-2 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-3 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-4 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-5 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-6 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-7 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-1 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-2 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-3 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-4 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-5 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-6 p .text,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-7 p .text {
    color: #606266
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-1 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-2 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-3 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-4 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-5 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-6 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-7 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-1 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-2 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-3 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-4 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-5 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-6 h4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-7 h4 {
    padding: 17px 16px 12px;
    font-size: 12px;
    line-height: 20px;
    color: #909399!important
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-1,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-1 {
    left: 21px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-2,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-2 {
    left: 137px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-3,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-3 {
    left: 250px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-4 {
    left: 364px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-5,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-5 {
    left: 479px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-6,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-6 {
    left: 610px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box .bubble-7,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box .bubble-7 {
    left: 724px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box:hover,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1!important
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .active .bubble-1,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .active .bubble-2,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .active .bubble-3,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .active .bubble-4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .active .bubble-5,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .active .bubble-6,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .active .bubble-7,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box:hover .bubble-1,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box:hover .bubble-2,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box:hover .bubble-3,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box:hover .bubble-4,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box:hover .bubble-5,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box:hover .bubble-6,.brand-ranking-list-box .brand-ranking-list .tablist .item-1 .text .icon-box:hover .bubble-7,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .active .bubble-1,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .active .bubble-2,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .active .bubble-3,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .active .bubble-4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .active .bubble-5,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .active .bubble-6,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .active .bubble-7,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box:hover .bubble-1,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box:hover .bubble-2,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box:hover .bubble-3,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box:hover .bubble-4,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box:hover .bubble-5,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box:hover .bubble-6,.brand-ranking-list-box .brand-ranking-list .tablist .item .text .icon-box:hover .bubble-7 {
    display: block
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1:hover,.brand-ranking-list-box .brand-ranking-list .tablist .item:hover {
    z-index: 5;
    background: #fff1f5;
    border-right: 1px solid #fb7399!important;
    border-color: #fb7399
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1:hover .text,.brand-ranking-list-box .brand-ranking-list .tablist .item-1:hover i,.brand-ranking-list-box .brand-ranking-list .tablist .item:hover .text,.brand-ranking-list-box .brand-ranking-list .tablist .item:hover i {
    color: #fb7399
}

.brand-ranking-list-box .brand-ranking-list .tablist a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1!important
}

.brand-ranking-list-box .brand-ranking-list .tablist .item {
    width: 114px
}

.brand-ranking-list-box .brand-ranking-list .tablist .item-1 {
    width: 130px
}

.brand-ranking-list-box .brand-ranking-list .tablist .active {
    border-color: #fb7399;
    background: #fff1f5;
    border-right: 1px solid #fb7399!important
}

.brand-ranking-list-box .brand-ranking-list .tablist .active i {
    color: #fb7399!important
}

.brand-ranking-list-box .brand-ranking-list .tablist .active .text {
    color: #fb7399
}

.brand-ranking-list-box .brand-ranking-list .tablist .active .text i {
    color: #30aeff!important
}

.brand-ranking-list-box .brand-ranking-list .tablist-1 .item-1 .text,.brand-ranking-list-box .brand-ranking-list .tablist-1 .item .text {
    line-height: 2px!important
}

.brand-ranking-list-box .brand-ranking-list .fr {
    float: right
}

.brand-ranking-list-box .brand-ranking-list .time {
    font-size: 14px;
    color: #909399;
    line-height: 14px
}

.last-messsage {
    font-size: 12px;
    line-height: 12px;
    margin-top: 12px
}

.last-messsage span {
    color: #606266
}

.last-messsage a:hover {
    color: #ff5a88;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8!important
}

.input_limit {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #909399;
    font-size: 12px
}

.main-contentV2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    border-radius: 3px;
    width: 100%;
    height: 100%
}



.main-contentV2 .avatar-xiugai {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.main-contentV2 .update-avatar {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    max-width: 33px;
    height: 32px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}



.main-contentV2 .el-tab-pane {
    padding: 24px 32px
}

.main-contentV2 .flex-item-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main-contentV2 .info-detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.main-contentV2 .info-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-bottom: 36px;
    -webkit-box-pack: flex-between;
    -webkit-justify-content: flex-between;
    -ms-flex-pack: flex-between;
    justify-content: flex-between
}

.main-contentV2 .info-block .info-left,.main-contentV2 .info-block .info-text,.main-contentV2 .info-block .info-tips {
    font-weight: 400;
    color: #606266;
    line-height: 24px;
    font-size: 14px
}

.main-contentV2 .info-block .info-tips {
    font-size: 12px;
    color: #606266
}

.main-contentV2 .info-block .info-none {
    font-size: 14px;
    font-weight: 400;
    color: #909399;
    line-height: 24px
}

.main-contentV2 .info-block .info-text {
    font-size: 14px
}

.main-contentV2 .info-block .info-tip {
    margin-top: 16px;
    font-size: 13px;
    font-weight: 400;
    color: #909399;
    line-height: 13px
}

.main-contentV2 .info-block .info-p {
    font-size: 14px;
    font-weight: 400;
    color: #303133;
    line-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px
}

.main-contentV2 .info-block .info-p .status-box {
    margin-left: 8px!important
}

.main-contentV2 .info-block .info-p .is-child {
    width: 24px;
    height: 24px;
    background: #ffeef3;
    border-radius: 14px;
    text-align: center;
    margin-left: 14px
}

.main-contentV2 .info-block .info-p .is-child span {
    font-size: 12px;
    font-weight: 500;
    color: #ff5a88;
    line-height: 20px
}

.main-contentV2 .info-block .info-left {
    width: 71px;
    font-size: 14px;
    text-align: right
}

.main-contentV2 .info-block .info-link {
    color: #ff5a88;
    margin-left: 16px;
    line-height: 18px
}

.main-contentV2 .info-block .info-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%
}

.main-contentV2 .info-block .info-avatar img {
    width: 42px;
    height: 42px
}

.main-contentV2 .info-block .mr-16 {
    margin-right: 16px
}

.main-contentV2 .info-block .ml8 {
    margin-left: 4px!important
}

.main-contentV2 .info-block:first-child {
    margin-bottom: 30px
}

.main-contentV2 .red {
    color: #ff5a88
}

.main-contentV2 .pointer {
    cursor: pointer
}

.main-contentV2 .up_vip .reName {
    width: 320px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ff5a88
}

.main-contentV2 .up_vip .workbench-com-item {
    padding: 32px 16px 0!important
}

.main-contentV2 .up_vip .workbench-com-item .item-box {
    margin-bottom: 32px
}

.main-contentV2 .up_vip .workbench-com-item .item-box span {
    padding-bottom: 20px!important;
    font-size: 14px!important;
    line-height: 14px!important
}

.main-contentV2 .up_vip .a-c {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main-contentV2 .up_vip .info-tip {
    font-size: 13px;
    font-weight: 400;
    color: #909399;
    line-height: 13px;
    margin-top: 14px
}

.main-contentV2 .up_vip .add-child-account {
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.main-contentV2 .up_vip .add-child-account i {
    margin-right: 4px;
    font-size: 12px
}

.main-contentV2 .up_vip .list-filters {
    margin-bottom: 16px
}

.main-contentV2 .up_vip .list-conV2 .list-hd {
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    border-radius: 2px
}

.main-contentV2 .up_vip .list-conV2 .list-hd .col-item {
    font-size: 14px;
    font-weight: 400;
    color: #303133
}

.main-contentV2 .up_vip .list-conV2 .list-bd .list-row {
    padding: 22px 0
}

.main-contentV2 .up_vip .list-conV2 .list-bd .list-row .col-item {
    font-size: 14px;
    font-weight: 400;
    color: #303133
}

.main-contentV2 .up_vip .list-conV2 .list-bd .list-row .col-item .operation i {
    font-size: 14px;
    margin-left: 6px
}

.main-contentV2 .up_vip .list-conV2 .list-bd .consumption {
    background: #f7f7f7;
    width: 100%;
    padding: 20px 0 28px;
    text-align: center
}

.main-contentV2 .up_vip .list-conV2 .list-bd .consumption h3 {
    font-size: 14px;
    font-weight: 600;
    color: #303133;
    line-height: 22px;
    margin-bottom: 4px
}

.main-contentV2 .up_vip .list-conV2 .list-bd .consumption h3 span {
    font-size: 12px;
    font-weight: 400;
    color: #606266;
    line-height: 20px
}

.main-contentV2 .up_vip .list-conV2 .list-bd .consumption .consumption-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px
}

.main-contentV2 .up_vip .list-conV2 .list-bd .consumption .consumption-box .consumption-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.main-contentV2 .up_vip .list-conV2 .list-bd .consumption .consumption-box .consumption-item span {
    font-size: 13px;
    font-weight: 400;
    display: block;
    white-space: nowrap;
    color: #909399;
    line-height: 13px
}

.main-contentV2 .up_vip .list-conV2 .list-bd .consumption .consumption-box .consumption-item strong {
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
    display: block;
    white-space: nowrap;
    color: #303133;
    line-height: 16px
}

.main-contentV2 .up_vip .add-tip {
    font-size: 12px;
    font-weight: 400;
    color: #4987f8;
    margin-left: 12px
}

.main-contentV2 .up_vip .add-tip i {
    font-size: 12px;
    margin-right: 4px
}

.left-vertical {
    border-left: 3px solid #ff5a88;
    padding: 0!important;
    line-height: 1;
    margin-bottom: 16px
}

.left-vertical>span {
    margin-left: 10px;
    font-weight: 600
}

.flex-lr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.el-message-box__wrapper_new .el-message-box__title {
    font-size: 18px;
    font-weight: 500;
    color: #303133;
    line-height: 26px
}

.el-message-box__wrapper_new .el-message-box__header {
    position: relative;
    padding: 20px 24px
}

.el-message-box__wrapper_new .el-notification__icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    font-size: 20px
}

.el-message-box__wrapper_new .el-message-box__headerbtn {
    top: 18px;
    right: 24px;
    font-size: 14px
}

.el-message-box__wrapper_new .el-message-box__content {
    padding: 0 24px
}

.el-message-box__wrapper_new .el-message-box__content .el-dialog__body {
    padding: unset
}

.el-message-box__wrapper_new .el-message-box__content .el-message-box__input {
    padding-top: 6px
}

.el-message-box__wrapper_new .el-input__inner {
    border: 1px solid #bfbfbf;
    border-radius: 4px
}

.el-message-box__wrapper_new .el-button {
    padding: 9px 40px;
    color: #000;
    line-height: 22px;
    font-size: 14px;
    border: 1px solid #bfbfbf;
    font-weight: 400;
    height: 40px
}

.el-message-box__wrapper_new .el-button--primary {
    background: #ff5a88;
    border: 1px solid #ff5a88;
    color: #fff
}

.el-message-box__wrapper_new .el-message-box__btns {
    text-align: right;
    padding: 32px 24px 0
}

.el-message-box__wrapper_new .el-message-box__btns .tip_orange {
    font-size: 14px;
    font-weight: 400;
    color: #f72020;
    line-height: 22px;
    padding: 13px 0 5px
}

.el-message-box__wrapper_new .el-message-box__errormsg {
    font-size: 12px;
    font-weight: 400;
    color: #ff5a88;
    line-height: 20px;
    margin-top: 8px;
    cursor: pointer;
    text-align: right;
    background: none;
    border-radius: none;
    border: none;
    padding: none;
    margin-left: none
}

.el-message-box__wrapper_new .el-message-box__message {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 22px
}

.h880 {
    height: unset!important;
    margin-top: 8px;
    text-align: right
}

.el-message-box__message {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 22px
}

.el-dialog__body {
    padding: 0 24px
}

.el-dialog__wrapper_new .list-data {
    display: -webkit-box!important
}

.el-dialog__wrapper_new .el-dialog__header {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #303133;
    line-height: 26px
}

.el-dialog__wrapper_new .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    font-size: 14px
}

.el-dialog__wrapper_new .el-dialog__header {
    padding: 20px 24px
}

.el-dialog__wrapper_new .el-dialog__body {
    padding: 12px 24px
}

.el-dialog__wrapper_new .el-input__inner {
    border: 1px solid #bfbfbf;
    border-right: 0
}

.el-dialog__wrapper_new .quick-links {
    font-size: 13px;
    font-weight: 400;
    color: #ff5a88;
    line-height: 13px;
    padding: 18px 0 24px
}

.el-dialog__wrapper_new .quick-links i {
    font-size: 12px;
    color: #4987f8!important;
    margin-right: 4px
}

.el-dialog__wrapper_new .up-info__avatar {
    margin-right: 12px
}

.el-dialog__wrapper_new .up-info__info .up-info__info-name {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 16px
}

.el-dialog__wrapper_new .up-info__info .up-info__info-lv {
    font-size: 14px;
    font-weight: 400;
    color: #595959;
    line-height: 22px;
    margin-top: 10px
}

.el-dialog__wrapper_new .index-number {
    font-size: 13px;
    font-weight: 400;
    color: #595959;
    line-height: 13px!important
}

.el-dialog__wrapper_new .index-number i {
    font-size: 12px;
    color: #4987f8!important;
    margin-left: 4px
}

.el-dialog__wrapper_new .index-number .num {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 16px;
    margin-top: 10px
}

.el-dialog__wrapper_new .index-number .num.active {
    color: #ff5a88
}

.el-dialog__wrapper_new .index-number button {
    float: left!important;
    margin-left: 10px;
    line-height: 14px;
    font-size: 14px;
    width: 72px;
    padding: 11px 17px
}

.el-dialog__wrapper_new .index-number button.el-button--default {
    border: 1px solid #ff5a88
}

.el-dialog__wrapper_new .index-number button.el-button--default span {
    color: #ff5a88!important
}

.el-dialog__wrapper_new .without {
    width: 100%;
    text-align: center;
    margin: 0 auto
}

.el-dialog__wrapper_new .without p {
    font-size: 14px;
    font-weight: 400;
    color: #909399;
    line-height: 20px
}

.el-dialog__wrapper_new .without .el-button {
    margin-bottom: 28px
}

.el-dialog__wrapper_new .without .el-button i {
    font-size: 13px;
    margin-right: 8px
}

.el-dialog__wrapper_new .img-box {
    width: 96px;
    height: 96px;
    margin: 0 auto
}

.el-dialog__wrapper_new .img-box img {
    width: 96px;
    height: 96px
}

.el-dialog__wrapper_new .mask-new {
    height: 178px
}

.el-dialog__wrapper_new .mask-new #loading-mask {
    margin: 0 auto;
    margin-top: 44px
}

.el-dialog__wrapper_new .data_come {
    font-size: 16px;
    font-weight: 500;
    color: #303133;
    line-height: 16px;
    margin-top: 8px
}

.el-dialog__wrapper_new .quick-links-dialog {
    padding: 20px 24px 32px;
    border-radius: 4px
}

.el-dialog__wrapper_new .quick-links-dialog p {
    font-size: 18px;
    font-weight: 500;
    color: #303133;
    line-height: 26px;
    margin-bottom: 32px
}

.el-dialog__wrapper_new #loading-mask {
    height: 40px
}

.el-dialog__wrapper_new #loading-mask .demo3:first-child {
    left: 20px;
    top: 0;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.el-dialog__wrapper_new #loading-mask .demo3:nth-child(2) {
    left: 34px;
    top: 6px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.el-dialog__wrapper_new #loading-mask .demo3:nth-child(3) {
    left: 40px;
    top: 20px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.el-dialog__wrapper_new #loading-mask .demo3:nth-child(4) {
    left: 34px;
    top: 34px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.el-dialog__wrapper_new #loading-mask .demo3:nth-child(5) {
    left: 20px;
    top: 40px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.el-dialog__wrapper_new #loading-mask .demo3:nth-child(6) {
    left: 6px;
    top: 34px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.el-dialog__wrapper_new #loading-mask .demo3:nth-child(7) {
    left: 0;
    top: 20px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.el-dialog__wrapper_new #loading-mask .demo3:nth-child(8) {
    left: 6px;
    top: 6px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.popover {
    max-width: 600px
}

.el-message-box__wrapper-newbox .el-message-box__header {
    padding: 20px 24px 16px
}

.el-message-box__wrapper-newbox .el-message-box__btns {
    padding: 24px 24px 0
}

.el-message-box__wrapper-newbox .el-message-box__message p {
    font-size: 14px;
    font-weight: 400;
    color: #909399;
    line-height: 20px
}

.el-message-box__wrapper-newbox .el-button {
    padding: 11px 30px;
    border-color: #c0c4cc;
    color: #ff5a88;
    background: #fff
}

.el-message-box__wrapper-newbox .el-button--primary {
    border-color: #ff5a88;
    color: #fff;
    background: #ff5a88
}

.updetail_v2 .main-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0!important
}



.updetail_left_scrol::-webkit-scrollbar {
    width: 4px!important;
    height: 6px;
    border-radius: 3px
}

.updetail_left_scrol::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.updetail_left_scrol::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #e4e7ed!important;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.updetail_left_scrol::-webkit-scrollbar {
    display: none;
    background: #e4e7ed!important
}

.updetail_left_scrol:hover::-webkit-scrollbar {
    display: block;
    width: 4px!important;
    background: #e4e7ed!important;
    background-color: #e4e7ed
}

.list-con .list-hd {
    border-top: unset!important;
    border-bottom: unset!important;
    color: #595959!important;
    background-color: #f7f7f7!important
}

#app,body,html {
    height: 100%;
    font-size: 14px;
    min-width: 1440px
}

.app-wrapper {
    position: relative;
    height: 100%;
    width: 100%
}

.app-wrapper.login-wrapper {
    background: #f4f7f9
}

.main {
    padding: 0 0 0 220px;
    background: #f5f7fa;
    height: calc(100% - 60px);
    position: relative;
    overflow-y: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.main .sidebar {
    overflow-x: hidden;
    overflow-y: auto
}

.main .sidebar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.main .sidebar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.main .sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

.main.sidebar-collapsed {
    padding: 0 0 0 64px
}

.main.sidebar-collapsed .sidebar {
    width: 64px;
    overflow-x: unset;
    overflow-y: unset
}

.main.sidebar-collapsed .sidebar .el-submenu .el-menu {
    display: none
}

.main.sidebar-collapsed .sidebar .el-submenu:hover .el-menu {
    display: block
}

.main.sidebar-collapsed .sidebar .el-submenu.is-opened .el-menu {
    display: block!important
}

.main.sidebar-collapsed .sidebar .el-submenu .el-menu-item {
    padding: 0 25px;
    min-width: 160px
}

.main .maincontent {
    height: 100%
}

.main .maincontent::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.main .maincontent::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.main .maincontent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

.main .main-1col {
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    height: 100%
}

.main .main-1col::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.main .main-1col::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.main .main-1col::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

.main .main-1col .main-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    border-radius: 3px;
    width: 100%;
    height: auto;
    padding: 24px
}

.main .main-1col-2,.main .main-1col-2 .main-content {
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.main .main-1col-2 .main-content {
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    border-radius: 3px;
    width: 100%
}

.main .main-1col-2 .list-con .list-bd {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 50px)
}

.main .main-1col-2 .list-con .list-bd::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.main .main-1col-2 .list-con .list-bd::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.main .main-1col-2 .list-con .list-bd::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

.main .main-2col {
    padding: 24px;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main .main-2col .main-left {
    width: 320px;
    height: auto;
    position: fixed;
    top: 84px;
    height: calc(100% - 50px)
}

.main .main-2col .main-left,.main .main-2col .main-right {
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.06);
    border-radius: 3px;
    padding: 24px
}

.main .main-2col .main-right {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 336px;
    width: auto;
    height: calc(100% - 50px)
}

.up-search::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.up-search::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.up-search::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

.sidebar-collapsed .sidebar {
    z-index: 100
}

.hot-comments .common-content {
    padding: 0 16px
}

.hot-comments .common-content .list-tips {
    color: #606266;
    padding: 24px 0 0;
    text-align: center
}

.hot-comments .common-content .list-tips a {
    color: #fb7399
}

.hot-comments .comment-list {
    padding: 16px 0;
    border-bottom: 1px solid #ebeef5;
    color: #303133;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hot-comments .comment-list:last-child {
    border-bottom: none
}

.hot-comments .comment-list__avatar {
    width: 44px;
    height: 32px
}

.hot-comments .comment-list__avatar img {
    width: 32px;
    height: 32px;
    border-radius: 100%
}

.hot-comments .comment-list__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hot-comments .comment-list__info .comment-list__name .mane {
    color: #606266
}

.hot-comments .comment-list__info .comment-list__name .source {
    color: #c0c4cc;
    margin-left: 16px
}

.hot-comments .comment-list__info .comment-list__name .sourc-articles {
    color: #ff5a88
}

.hot-comments .comment-list__info .comment-list__name .like {
    color: #606266
}

.hot-comments .comment-list__info .comment-list__name .like i {
    margin-right: 5px
}

.hot-comments .comment-list__info .comment-list__time {
    color: #595959;
    font-size: 13px
}

.hot-comments .comment-list__info .comment-list__text {
    padding-top: 10px
}

.hot-comments .comment-list__info .comment-list__text em {
    font-style: normal;
    background: #fb7399;
    background: rgba(251,115,153,.2);
    border-radius: 2px;
    color: #fb7399
}

.hot-comments2 .common-content {
    padding: 0 16px
}

.hot-comments2 .common-content .comment-list {
    padding: 16px;
    border-bottom: 1px solid #ebeef5;
    color: #303133
}

.hot-comments2 .common-content .comment-list:last-child {
    border-bottom: none
}

.hot-comments2 .common-content .comment-list .comment-list__avatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #606266;
    float: left;
    min-height: 16px;
    max-width: 400px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hot-comments2 .common-content .comment-list .comment-list__avatar img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    border-radius: 50%
}

.hot-comments2 .common-content .comment-list .comment-list__text {
    width: 100%;
    padding-top: 8px
}

.hot-comments2 .common-content .comment-list .comment-list__info {
    float: right;
    text-align: right;
    width: calc(100% - 400px)
}

.hot-comments2 .common-content .comment-list .comment-list__info .comment-list__time {
    color: #595959;
    padding-left: 34px;
    margin-top: 3px;
    float: right
}

.hot-comments2 .common-content .comment-list .comment-list__info .like {
    color: #606266;
    float: right
}

.hot-comments2 .common-content .comment-list .comment-list__info .like i {
    margin-right: 5px
}

.condition-box {
    padding-top: 24px
}

.condition-box h5 {
    padding: 0 0 10px;
    font-size: 14px;
    line-height: 1
}

.condition-box h5 span {
    color: #909399
}

.condition-box .condition-list {
    border-bottom: 1px dashed #eee;
    padding: 16px 0 11px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.condition-box .condition-list a.btn-more-choose {
    position: absolute;
    right: 0;
    top: 14px;
    color: #ff5a88
}

.condition-box .condition-list:last-child {
    border-bottom: 1px solid #eee
}

.condition-box .condition-list .el-button+.el-button {
    margin-left: 2px
}

.condition-box .condition-list .el-button--default:focus,.condition-box .condition-list .el-button--default:hover {
    color: #ff5a88;
    background-color: #fff1f5;
    border-color: #ffd6e1
}

.condition-box .condition-list .el-button--default:active {
    color: #ff5a88;
    border-color: #ff5a88;
    outline: 0
}

.condition-box .condition-list .condition-list-label {
    width: 82px;
    color: #606266
}

.condition-box .condition-list .condition-list-items {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.condition-box .condition-list .condition-list-items .condition-list-item {
    padding-right: 60px;
    color: #909399
}

.condition-box .condition-list .condition-list-items .condition-list-item a {
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
    color: #909399
}

.condition-box .condition-list .condition-list-items .condition-list-item a.active,.condition-box .condition-list .condition-list-items .condition-list-item a:active,.condition-box .condition-list .condition-list-items .condition-list-item a:hover {
    color: #ff5a88
}

.condition-box .condition-list .condition-list-items .condition-list-item .a-custom:link .custom {
    display: none
}

.condition-box .condition-list .condition-list-items .condition-list-item .a-custom:hover {
    position: relative
}

.condition-box .condition-list .condition-list-items .condition-list-item .a-custom:hover .custom {
    display: block;
    position: absolute;
    left: 0;
    top: -17px;
    width: 239px;
    height: 80px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    border-radius: 3px;
    font-size: 14px;
    padding: 8px;
    z-index: 1000px
}

.condition-box .condition-list .condition-list-items .condition-list-item .a-custom:hover .custom .el-form-item__label {
    color: #909399;
    padding: 0 5px 0 0;
    font-weight: 400
}

.condition-box .condition-list .condition-list-items .condition-list-item .a-custom:hover .custom .el-form-item--mini.el-form-item {
    margin-bottom: 6px
}

.condition-box .condition-list .condition-list-items .condition-list-item .a-custom:hover .custom .line {
    color: #909399;
    text-align: center
}

.condition-box .condition-list .condition-list-items .condition-list-item .a-custom:hover .custom .custom-btn {
    float: right
}

.condition-box .condition-list .condition-list-items .c-tag-area {
    position: absolute;
    right: 0;
    top: 0;
    float: right;
    text-align: right
}

.condition-box .condition-list .condition-list-items .operate-btn {
    margin: 16px 0 0
}

.list-con {
    width: 100%
}

.list-con.list-con1 .up-info__avatar {
    width: 100px;
    height: 67px
}

.list-con.list-con1 .up-info__avatar img {
    width: 90px;
    height: 67px
}

.list-con .list-hd {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #909399;
    font-size: 14px;
    border-top: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;
    height: 48px;
    line-height: 48px
}

.list-con .list-hd .col-item {
    text-align: center
}

.list-con .list-hd .col-item.active {
    color: #ff5a88
}

.list-con .list-hd .iconfont {
    font-size: 14px
}

.list-con .list-bd {
    width: 100%
}

.list-con .list-bd .list-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid #ebeef5;
    color: #606266
}

.list-con .list-bd .list-row.list-row-35 {
    padding: 35px 0
}

.list-con .list-bd .list-row:hover {
    background: #fafafa
}

.list-con .list-bd .list-row .col-item {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.list-con .list-bd .list-row .col-item a.link {
    color: #fb7399
}

.list-con .list-bd .list-row .col-item .index-rank {
    text-align: center;
    padding-left: 24px
}

.list-con .list-bd .list-row .col-item .index-rank .iconfont {
    font-size: 12px
}

.list-con .list-bd .list-row .col-item .index-rank span {
    padding: 0 0 0 5px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    font-size: 12px
}

.list-con .list-bd .list-row .col-item .index-rank .up {
    color: #f56c6c
}

.list-con .list-bd .list-row .col-item .index-rank .down {
    color: #67c23a
}

.list-con .list-bd .list-row .col-item .index-rank .without {
    color: #606266
}

.list-con .list-bd .list-row .col-item .index-rank .new {
    color: #f56c6c;
    font-size: 12px
}

.list-con .list-bd .list-row .col-item .spread-index {
    color: #ff5a88;
    font-size: 16px
}

.list-con .list-bd .list-row .col-item .spread-index i {
    font-size: 16px;
    margin-right: 9px
}

.list-con .list-bd .list-row .col-item .spread-index.yellow {
    color: #ffb23d
}

.list-con .list-bd .list-row .col-item .spread-index.green {
    color: #67c23a
}

.list-con .list-bd .list-row .col-item .spread-index.grey {
    color: #909399
}

.list-con .list-bd .list-row .col-item .operation a {
    display: inline;
    color: #ff5a88;
    text-decoration: none;
    margin: 0 6px
}

.list-con .list-bd .list-row .col-item .operation a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8
}

.list-con .list-bd .list-row .col-item .operation a.see {
    display: block;
    margin-top: 3px
}

.list-con .list-bd .list-row .col-item .operation .no-content {
    color: #909399
}

.list-con .list-bd .list-tips {
    color: #606266;
    padding: 24px 0 0;
    text-align: center
}

.list-con .list-bd .list-tips a {
    color: #ff5a88
}

.tagList {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px
}

.tagList .tag {
    display: inline-block;
    color: #ff5a88;
    background: #fff1f5;
    padding: 3px 5px;
    border: 1px solid #ffd6e1;
    border-radius: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    min-width: 32px;
    text-align: center
}

.tagList .tooltip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1!important
}

.tagList .tooltip-inner {
    max-width: 800px;
    padding: 12px;
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.tagList .tooltip.top .tooltip-arrow {
    border-top-color: #fff!important
}

.tagList .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff!important
}

.spread-index-new {
    color: #ff5a88;
    font-size: 16px
}

.spread-index-new.yellow {
    color: #ffb23d!important
}

.spread-index-new.green {
    color: #67c23a!important
}

.spread-index-new.grey {
    color: #909399!important
}

.login-box {
    width: 780px;
    height: 510px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.login-box .login-footer {
    text-align: center;
    color: #d2dbe3;
    padding-top: 24px
}

.login-left {
    width: 300px;
    height: 510px;
    background: -webkit-gradient(linear,left top,left bottom,from(#535353),to(#292929));
    background: -webkit-linear-gradient(top,#535353,#292929);
    background: linear-gradient(180deg,#535353,#292929);
    border-radius: 4px 0 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.login-left.login-left-new {
    background: #fff;
    border-right: 1px solid #eee
}

.login-left.login-left-new .login-logo {
    width: 260px!important;
    height: 243px!important;
    margin: 133px 0 0 20px!important
}

.login-logo {
    width: 180px;
    height: 32px;
    display: inline-block;
    margin: 240px 0 0 68px
}

.login-main {
    margin-left: 300px;
    width: 480px;
    height: 510px;
    background: #fff;
    border-radius: 0 4px 4px 0;
    padding: 24px
}

.login-main .login-hd {
    height: 14px;
    margin-bottom: 43px;
    color: #ff5a88;
    font-size: 14px
}

.login-main .login-mode {
    position: relative;
    padding-right: 8px;
    cursor: pointer
}

.login-main .login-mode:before {
    content: "";
    position: absolute;
    top: 4px;
    right: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid #ff5a88;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent
}

.login-main .login-mode:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -4px;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent
}

.login-main .login-mode.fl {
    padding-left: 8px
}

.login-main .login-mode.fl:before {
    left: -6px;
    border-right: 6px solid #ff5a88;
    border-left: none
}

.login-main .login-mode.fl:after {
    left: -4px;
    border-right: 5px solid #fff;
    border-left: none
}

.login-main .main-box {
    text-align: center;
    position: relative
}

.login-main .main-box .login-title {
    color: #384047;
    font-weight: 600;
    font-size: 18px
}

.login-main .main-box .bind-phone-title {
    font-size: 16px;
    font-weight: 600;
    color: #303133
}

.login-main .main-box .tip {
    color: #909399
}

.login-main .main-box .login-button {
    width: 200px
}

.login-main .main-box .success-state {
    font-size: 16px;
    color: #384047;
    padding-top: 46px
}

.login-main .main-box .el-icon-success {
    color: #2cbe86;
    font-size: 80px;
    height: 80px;
    width: 80px;
    margin-bottom: 16px
}

.login-main .main-box .login-intro {
    color: #909399
}

.login-main .main-box .login-intro .text-bilibili {
    color: #384047;
    margin-bottom: 6px
}

.login-main .main-box .login-intro .agreement {
    padding-top: 30px
}

.login-main .main-box .qrcode {
    width: 220px;
    height: 220px;
    margin: 0 auto 24px
}

.login-main .main-box .qrcode img {
    width: 220px;
    height: 220px
}

.login-main .main-box .account-login {
    width: 304px;
    text-align: left;
    margin: 0 auto 43px;
    color: #384047;
    position: relative
}

.login-main .main-box .login-title {
    text-align: center;
    margin-bottom: 35px
}

.login-main .main-box .el-message-box__errormsg {
    text-align: right;
    padding-top: 12px;
    cursor: pointer
}

.login-main .main-box .el-message-box__errormsg a {
    color: #ff5a88
}

.login-main .main-box .login-button {
    padding-top: 40px;
    margin: 0 auto
}

.login-main .main-box .bind {
    text-align: center;
    color: #8c8c8c;
    position: relative;
    line-height: 20px
}

.login-main .main-box .bind .hover-tips {
    position: absolute;
    display: block;
    padding: 6px 10px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.06);
    border: 1px solid #ebeef5;
    top: -39px;
    left: -7px;
    color: #595939;
    font-size: 12px;
    line-height: 20px
}

.login-main .main-box .bind .hover-tips:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 12px;
    z-index: 2
}

.login-main .main-box .bind-mobile .login-button {
    padding-top: 96px
}

.login-main .main-box .retrieve-password .login-button {
    padding-top: 0
}

.login-main .main-box .retrieve-password .login-tip {
    margin-top: -15px
}

.login-main .main-box .tip {
    font-size: 13px;
    margin-top: 10px
}

.login-main .main-box .login-button {
    padding-top: 42px
}

.login-main .main-box .login-tip {
    color: #f56c6c;
    text-align: center;
    padding: 15px 0;
    display: block
}

.el-dialog__header1 {
    border-bottom: 1px solid #ebeef5;
    padding: 20px 24px
}

.qrcode-main {
    text-align: center;
    padding-bottom: 25px
}

.qrcode-main .qrcode-title {
    padding: 15px 0 5px
}

.qrcode-main .qrcode-box img {
    width: 220px;
    height: 220px
}

.p5 {
    padding-top: 5px
}

.success-bd {
    text-align: center;
    padding: 40px 0 80px
}

.success-bd .success-state {
    font-size: 16px;
    color: #384047;
    padding-top: 46px
}

.success-bd .el-icon-success {
    color: #67c23b;
    font-size: 64px;
    height: 64px;
    width: 64px;
    margin-bottom: 24px
}

.success-bd p {
    color: #303133;
    font-size: 16px
}

.logistics {
    padding-bottom: 20px
}

.logistics .logistics-hd {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 24px
}

.logistics .logistics-hd p {
    margin-bottom: 10px;
    line-height: 1.6
}

.logistics .logistics-bd .logistics-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.logistics .logistics-bd .logistics-list.active .logistics-icon {
    color: #2593e4
}

.logistics .logistics-bd .logistics-list .logistics-icon {
    font-size: 13px;
    margin-top: 10px;
    width: 30px;
    color: #dcdfe6
}

.logistics .logistics-bd .logistics-list .logistics-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px
}

.logistics .logistics-bd .logistics-list .logistics-info .logistics-time {
    color: #c0c4cc;
    margin-bottom: 5px;
    line-height: 1
}

.logistics .logistics-bd .logistics-list .logistics-info .logistics-state {
    margin-bottom: 15px;
    color: #606266
}

.pt20 {
    padding-top: 20px!important
}

.mb60 {
    margin-bottom: 60px!important
}

.mt30 {
    margin-top: 30px!important
}

.mb-30 {
    margin-bottom: -30px!important
}

.skip {
    display: block;
    text-align: center;
    color: #ff5a88;
    font-size: 13px;
    margin-top: 24px
}

.login-box-1 {
    z-index: 2222;
    width: 480px!important;
    height: 560px;
    border-radius: 4px
}

.login-box-1 .login-head {
    padding: 16px;
    background: #fff;
    border-bottom: 1px solid #eee;
    position: relative;
    border-radius: 4px 4px 0 0!important
}

.login-box-1 .login-head img {
    width: 147px
}

.login-box-1 .login-head i {
    position: absolute;
    right: 16px;
    font-size: 20px;
    color: #c0c4cc;
    line-height: 30px;
    cursor: pointer
}

.login-box-1 .login-main .child-account-tips {
    font-size: 12px;
    color: #f56c6c;
    cursor: pointer;
    line-height: 20px;
    display: block;
    text-align: center;
    margin-top: 10px
}

.login-box-1 .login-main .login-button {
    padding-top: 36px
}

.login-box-1 .login-main .login-button .login-tips {
    top: 8px
}

.login-box-1 .qrcode-tip {
    font-size: 15px;
    font-weight: 500;
    line-height: 13px
}

.login-box-1 .bind:last-child {
    margin-top: 8px
}

.step {
    margin: 44px 24px 0
}

.step .num {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    font-weight: 400;
    background: #fff;
    border: 1px solid #e4e4e4
}

.step .num,.step .text {
    font-size: 14px;
    color: #c0c4cc
}

.step .text {
    margin-top: 8px;
    white-space: nowrap
}

.step .line {
    width: 70px;
    height: 2px;
    margin: -30px -16px 0;
    background: #eee
}

.step .line:first-child {
    margin-left: 16px
}

.step .flex-column {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.step .active .num {
    background: #fb7399;
    border-color: #fb7399;
    color: #fff
}

.step .active .text {
    white-space: nowrap;
    color: #fb7399
}

.step .active .line {
    background: #fb7399
}

.flex-item-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.t-c {
    text-align: center!important
}

.back-login {
    position: absolute;
    top: 6px;
    left: -74px;
    font-size: 13px;
    color: #fb7399;
    cursor: pointer
}

.back-login i {
    margin-right: 4px
}

.bindBack {
    position: absolute;
    top: -46px;
    left: -5px;
    cursor: pointer
}

.bindBack,.bindBack i {
    font-size: 13px;
    color: #fb7399
}

.bindBack i {
    margin-right: 4px;
    font-weight: 600
}

.bind-tip {
    font-size: 14px;
    font-weight: 500;
    color: #f56c6c;
    line-height: 13px;
    margin-top: 16px
}

.qrcode-1 {
    margin: 0 auto!important
}

.tip-1 {
    margin-top: unset!important
}

.mt40 {
    margin-top: 40px!important
}

.pt40 {
    padding-top: 40px!important
}

.login-box-1 .login-main {
    margin-left: unset;
    height: unset!important;
    position: relative;
    border-radius: 0 0 4px 4px!important;
    padding: 32px
}

.login-box-1 .login-main .skip {
    margin-top: 8px!important
}

.login-box-1 .login-main .login-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 41px;
    margin-top: 24px
}

.login-box-1 .login-main .login-title .scanLogin {
    margin-right: 43px
}

.login-box-1 .login-main .login-title .scanLogin,.login-box-1 .login-main .login-title .telLogin {
    width: 72px;
    padding-bottom: 4px;
    cursor: pointer
}

.login-box-1 .login-main .login-title .scanLogin.active,.login-box-1 .login-main .login-title .scanLogin:hover,.login-box-1 .login-main .login-title .telLogin.active,.login-box-1 .login-main .login-title .telLogin:hover {
    color: #fb7399;
    border-bottom: 2px solid #fb7399
}

.login-box-1 .login-main .login-title-1 {
    margin-top: 44px!important
}

.login-box-1 .login-main .login-button {
    padding-top: 24px;
    position: relative
}

.login-box-1 .login-main .login-button .login-tips {
    font-size: 14px;
    color: #f56c6c;
    cursor: pointer;
    line-height: 20px;
    position: absolute;
    top: 10px;
    display: block;
    text-align: center;
    width: 300px;
    left: -50px
}

.login-box-1 .login-main .telLoginMain {
    margin: 40px auto 0
}

.login-box-1 .account-login {
    width: 368px!important;
    text-align: left;
    color: #384047;
    position: relative
}

.login-box-1 .main-box .login-tip {
    text-align: left
}

.login-box-1 .main-box .tip {
    margin-top: 4px!important
}

.login-box-1 .main-box .el-message-box__errormsg {
    margin-right: -6px!important;
    color: #ff5a88!important
}

.login-box-1 .main-box .success-state .i_box {
    width: 64px;
    height: 64px;
    background: url(../img/bind_success.png);
    margin: 6px auto 16px
}

.login-box-1 .main-box .el-message-box__errormsg-1 {
    padding-top: 2px;
    text-align: left
}

.login-box-1 .pt-24 {
    padding-top: 24px!important
}

.login-box-1 .qrcode-tip {
    font-size: 16px;
    color: #606266;
    line-height: 24px;
    margin-top: 8px
}

.login-box-1 .qrcode-tip em {
    color: #ff5a88
}

.login-box-1 .qrcode-v2 {
    margin: 30px auto 0!important
}

.login-box-1 .el-icon-success {
    color: #15b543!important
}

.login-box-1 .login-intro {
    color: #909399;
    text-align: center
}

.login-box-1 .login-intro .text-bilibili {
    color: #384047;
    margin-bottom: 6px
}

.login-box-1 .login-intro .agreement {
    padding-top: 72px
}

.login-box-1 .login-tip {
    padding: 4px 0 8px!important
}

.login-box-1 .bind {
    margin-top: 40px
}

.login-box-1 .el-input-group__append,.login-box-1 .el-input-group__prepend {
    padding: 0 16px;
    border-radius: 0 4px 4px 0
}

.login-box-1 .phone-tip {
    font-size: 14px;
    font-weight: 400;
    color: #f72020;
    line-height: 22px;
    margin-top: 2px
}

.login-box-1 .account-login {
    margin: 0 auto!important
}

.stepv2 {
    margin: 24px 24px 0
}

.stepv2 .num {
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-weight: 400;
    background: #fff;
    border: 2px solid #c0c4cc
}

.stepv2 .num,.stepv2 .text {
    font-size: 14px;
    color: #c0c4cc
}

.stepv2 .text {
    margin-top: 8px
}

.stepv2 .text strong {
    font-weight: 400!important
}

.stepv2 .line {
    width: 65px;
    height: 2px;
    margin: -30px -16px 0;
    background: #eee
}

.stepv2 .flex-column {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.stepv2 .flex-item-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stepv2 .active .num {
    background: #fff;
    border-color: #ff5a88;
    color: #ff5a88
}

.stepv2 .active .text {
    color: #ff5a88
}

.stepv2 .active .line {
    background: #ff5a88
}

.control-checkbox {
    margin-bottom: 15px;
    display: inline-block
}

.icheckbox_square-green,.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url() no-repeat;
    border: none;
    cursor: pointer;
    margin-right: 6px;
    margin-top: -1px
}

.icheckbox_square-green {
    background-position: 0 0
}

.icheckbox_square-green:hover {
    background-position: -18px 0
}

.icheckbox_square-green:hover .hover-tips {
    display: block!important
}

.icheckbox_square-green.checked {
    background-position: -36px 0
}

.icheckbox_square-green.disabled {
    background-position: -54px 0
}

.icheckbox_square-green.disabled:hover {
    cursor: not-allowed
}

.iradio_square-green {
    background-position: 0 -16px
}

.iradio_square-green:hover {
    background-position: -18px -16px
}

.iradio_square-green.checked {
    background-position: -36px -16px
}

.item-media input[type=checkbox][disabled] {
    cursor: not-allowed
}

.el-input-group__append {
    border: 1px solid #ff5a88
}

.el-input-group__append button.el-button {
    border: 1px solid #ff5a88;
    background-color: #ff5a88;
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group__append button.el-button:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8
}

.nc-container .nc_scale span {
    height: 34px!important;
    line-height: 34px!important
}

#loading-mask {
    position: relative;
    width: 62px;
    height: 51px
}

#loading-mask .demo3 {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #fb7399;
    position: absolute;
    animation: demo3 linear 1s infinite;
    -webkit-animation: demo3 linear 1s infinite
}

#loading-mask .demo3:first-child {
    left: 24px;
    top: 2px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

#loading-mask .demo3:nth-child(2) {
    left: 40px;
    top: 8px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

#loading-mask .demo3:nth-child(3) {
    left: 47px;
    top: 24px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

#loading-mask .demo3:nth-child(4) {
    left: 40px;
    top: 40px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#loading-mask .demo3:nth-child(5) {
    left: 24px;
    top: 47px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

#loading-mask .demo3:nth-child(6) {
    left: 8px;
    top: 40px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#loading-mask .demo3:nth-child(7) {
    left: 2px;
    top: 24px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

#loading-mask .demo3:nth-child(8) {
    left: 8px;
    top: 8px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

@-webkit-keyframes demo3 {
    0%,40%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(3);
        transform: scale(3)
    }
}

@keyframes demo3 {
    0%,40%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(3);
        transform: scale(3)
    }
}

.mask-new {
    width: 100%;
    height: 100%;
    background: #fff;
    background: hsla(0,0%,100%,.4);
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mask-new .loading-text {
    margin-top: 16px;
    color: #ff5a88
}

.navbar {
    height: 60px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    z-index: 999;
    margin-bottom: 0
}

.navbar .logo {
    background: url(../img/logoV2.png) no-repeat;
    width: 166px;
    height: 36px;
    margin: 14px 38px 8px 24px
}

.navbar .logo,.navbar .logo-user {
    cursor: pointer;
    display: inline-block
}

.navbar .logo-user {
    width: 147px;
    height: 30px;
    margin: 14px 38px 14px 24px
}

.navbar .navbar__collapse-icon {
    position: absolute;
    left: 220px;
    top: 20px;
    color: #909399;
    cursor: pointer
}

.navbar .rolling-news {
    width: 342px;
    position: absolute;
    left: 253px;
    top: 23px;
    background: url(../img/roll-news.png) no-repeat 0;
    height: 14px;
    overflow: hidden
}

.navbar .rolling-news ul {
    padding-left: 22px;
    padding-top: 1px;
    position: relative;
    width: 342px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 14px
}

.navbar .rolling-news ul li {
    width: 100%;
    height: 13px;
    float: left;
    line-height: 13px;
    font-size: 13px;
    margin-bottom: 2px
}

.navbar .rolling-news ul li a {
    width: calc(100% - 100px);
    float: left;
    text-align: left
}

.navbar .rolling-news ul li a,.navbar .rolling-news ul li span {
    color: #606266;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.navbar .rolling-news ul li span {
    width: 100px;
    float: right;
    text-align: right
}

.navbar .right-menu {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 56px;
    color: #606266;
    padding-right: 24px
}

.navbar .right-menu .user-function {
    position: relative;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    padding: 2.45px 5px;
    border-radius: 50%;
    display: inline-block;
    line-height: 26px!important;
    background: #eaf3fe;
    border: 1px solid #83b8f9
}

.navbar .right-menu .user-function:hover {
    background: #c8dcfc
}

.navbar .right-menu .user-function a {
    height: 60px;
    display: inline-block;
    text-align: center
}

.navbar .right-menu .user-function a:hover {
    color: #ff5a88;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1!important
}

.navbar .right-menu .user-function a i {
    font-size: 20px;
    margin-right: 4px
}

.navbar .right-menu .user-function a:last-child {
    margin-right: 24px
}

.navbar .right-menu .user-function .nav-pop {
    background: none;
    position: absolute;
    top: 24px;
    display: block;
    width: 242px;
    min-height: 60px;
    left: -107px
}

.navbar .right-menu .user-function .kefu-pop {
    width: 244px;
    min-height: 30px;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    position: absolute;
    top: 26px
}

.navbar .right-menu .user-function .kefu-pop:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fafafa;
    position: absolute;
    top: -6px;
    left: 114px;
    z-index: 2
}

.navbar .right-menu .user-function .kefu-pop:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    position: absolute;
    top: -7px;
    left: 113px;
    z-index: 1
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-hd {
    height: 46px;
    line-height: 46px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
    text-align: center;
    color: #303133
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd {
    background: #fff;
    padding: 0 15px;
    font-size: 13px;
    color: #606266
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .list {
    padding: 16px 0 13px;
    border-bottom: 1px solid #eee
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .list:last-child {
    border-bottom: none
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .list .kefu-time {
    display: block;
    text-align: left;
    color: #909399;
    height: 15px;
    line-height: 15px;
    margin-bottom: 14px;
    font-size: 13px
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .list .kefu-time strong {
    color: #606266;
    font-weight: 400;
    padding-right: 3px
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .list .kefu-time span {
    color: #fb7399
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .list .number {
    float: left;
    height: 22px;
    color: #909399;
    line-height: 22px
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .list .el-button {
    padding: 0 8px;
    float: left;
    margin-left: 12px;
    line-height: 22px
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .code {
    width: 212px;
    height: 212px;
    border-radius: 4px;
    border: 1px solid #eee;
    margin: 5px auto 14px
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .code img {
    margin: 0 auto;
    padding-top: 13px;
    width: 185px;
    height: 198px
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .scan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #909399;
    height: 37px;
    line-height: 22px;
    font-size: 13px;
    padding-bottom: 15px
}

.navbar .right-menu .user-function .kefu-pop .kefu-pop-bd .scan:before {
    width: 14px;
    height: 14px;
    content: "";
    display: inline-block;
    margin-right: 8px;
    background: url(../img/scan.png) no-repeat
}

.navbar .right-menu .user-function .kefu i {
    font-size: 20px;
    color: #3189f5
}

.navbar .right-menu .user-function .kefu .nav-pop {
    display: none
}

.navbar .right-menu .user-function .kefu:hover .nav-pop {
    display: block
}

.navbar .right-menu .user-function.history {
    background: #fef3e5;
    border: 1px solid #fbb968!important
}

.navbar .right-menu .user-function.history i {
    font-size: 20px;
    color: #f88b04
}

.navbar .right-menu .user-function.history .nav-pop {
    display: none;
    width: 320px;
    left: -143px
}

.navbar .right-menu .user-function.history:hover {
    background: #fcdcb3
}

.navbar .right-menu .user-function.history:hover .nav-pop {
    display: block
}

.navbar .right-menu .user-function.history .history-pop {
    width: 320px;
    min-height: 30px;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    position: absolute;
    top: 26px
}

.navbar .right-menu .user-function.history .history-pop:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fafafa;
    position: absolute;
    top: -6px;
    left: 151px;
    z-index: 2
}

.navbar .right-menu .user-function.history .history-pop:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    position: absolute;
    top: -7px;
    left: 150px;
    z-index: 1
}

.navbar .right-menu .user-function.history .history-pop .history-pop-hd {
    height: 42px;
    line-height: 42px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
    text-align: center;
    color: #303133
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd {
    background: #fff;
    min-height: 458px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box {
    padding: 39px 16px 0;
    overflow-x: hidden;
    overflow-y: auto
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 3px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bfbfbf
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box {
    max-height: 415px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box h3 {
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: left;
    background: #fff;
    line-height: 20px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box h3 span {
    color: #909399;
    font-size: 13px;
    display: inline-block;
    padding: 3px 8px;
    background: #f3f3f3;
    border-radius: 3px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box {
    margin-top: 0
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .list-tips {
    text-align: center;
    line-height: 16px;
    padding-top: 16px;
    padding-bottom: 16px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 8px 0
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item:first-of-type {
    padding-top: 3px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .detail {
    width: 47px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 13px;
    background: #fb7399;
    border-radius: 2px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .detail:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8!important
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info .up-info__info-name {
    padding-top: 9px;
    line-height: 14px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info .up-info__info-name a {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 14px;
    height: auto;
    text-overflow: ellipsis
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info a {
    color: #303133
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8!important
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info .up-info__avatar {
    width: 50px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info .up-info__avatar img {
    width: 40px;
    height: 40px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 .up-info__info .up-info__info-title {
    max-width: 194px;
    white-space: nowrap
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 .up-info__info .up-info__info-title a {
    max-width: 194px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 .up-info__info .up-info__info-time2 {
    max-width: 194px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 0
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 .up-info__info .up-info__info-time2 span {
    max-width: 104px;
    text-overflow: ellipsis;
    float: left;
    white-space: nowrap;
    overflow: hidden
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 .up-info__info .up-info__info-time2 a {
    max-width: 104px;
    text-overflow: ellipsis;
    float: left;
    margin-right: unset!important;
    white-space: nowrap;
    overflow: hidden
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 a {
    color: #303133;
    height: auto
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8!important
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 .up-info__avatar {
    width: 74px;
    height: 49px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 .up-info__avatar .time {
    line-height: 17px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item .up-info2 .up-info__avatar img {
    width: 64px;
    height: 49px;
    -o-object-fit: fill;
    object-fit: fill
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .item-box .item a {
    width: unset;
    height: unset
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .daytofixed h3 {
    position: fixed;
    width: 286px;
    z-index: 999
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .daytofixed .item-box {
    padding-top: 49px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .box .history-time:first-of-type {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    margin: 0 16px;
    width: calc(100% - 32px)
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .history-pop-title {
    height: 42px;
    line-height: 42px;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 17px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .history-pop-title li {
    padding: 8px 8px 8px 0;
    position: relative;
    line-height: 23px;
    display: inline-block
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .history-pop-title li.active a {
    color: #fff;
    background: #fb7399;
    border-radius: 2px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .history-pop-title li a {
    color: #303133;
    font-size: 13px;
    padding: 0 8px;
    line-height: 23px;
    height: 23px;
    width: auto
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .history-pop-title li a:hover {
    color: #fff;
    background: #fb7399;
    border-radius: 2px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .list {
    padding: 11px 0;
    border-bottom: 1px solid #eee
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .list:last-child {
    border-bottom: none
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .list .number {
    float: left;
    height: 30px;
    line-height: 30px
}

.navbar .right-menu .user-function.history .history-pop .history-pop-bd .list .el-button {
    padding: 7px 8px;
    float: right
}

.navbar .right-menu .user-function.iconcustom {
    color: #ff5a88;
    margin-right: 12px
}

.navbar .right-menu .user-function.iconcustom a {
    color: #ff5a88!important
}

.navbar .right-menu .user-function.iconcustom img {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px
}

.navbar .right-menu .user-function.iconcustom .nav-pop {
    display: none;
    width: 430px!important;
    left: -134px;
    min-height: 250px!important;
    z-index: 3000
}

.navbar .right-menu .user-function.iconcustom:hover .nav-pop {
    display: block!important
}

.navbar .right-menu .user-function.iconcustom .iconcustomPop {
    background: -webkit-gradient(linear,left top,right top,from(#ffeff0),to(#fff));
    background: -webkit-linear-gradient(left,#ffeff0,#fff);
    background: linear-gradient(90deg,#ffeff0,#fff);
    -webkit-box-shadow: 0 4px 12px 0 #f6edf0;
    box-shadow: 0 4px 12px 0 #f6edf0;
    padding: 16px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    top: 24px
}

.navbar .right-menu .user-function.iconcustom .iconcustomPop:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffeff0;
    position: absolute;
    top: -6px;
    left: 170px;
    z-index: 2
}

.navbar .right-menu .user-function.iconcustom .iconcustomPop:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffeff0;
    position: absolute;
    top: -7px;
    left: 170px;
    z-index: 1
}

.navbar .right-menu .user-function.iconcustom ul {
    text-align: left
}

.navbar .right-menu .user-function.iconcustom ul li {
    font-size: 14px;
    font-weight: 400;
    color: #ff5a88;
    line-height: 24px
}

.navbar .right-menu .user-function.iconcustom .el-button {
    margin: 0 auto;
    text-align: center;
    padding: 10px 64px
}

.navbar .right-menu .version {
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    color: #fff;
    margin: 0 10px;
    display: inline-block;
    background: #67c23a
}

.navbar .right-menu .luxury,.navbar .right-menu .nterprise {
    background: #ffbb29
}

.navbar .right-menu .userinfo {
    display: inline-block;
    position: relative
}

.navbar .right-menu .userinfo img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.navbar .right-menu .userinfo .user-info-right {
    display: inline-block;
    line-height: 22px
}

.navbar .right-menu .userinfo .user-info-right .name-title {
    display: inline-block;
    line-height: 20px
}

.navbar .right-menu .userinfo .subaccount {
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    background: #4ac7ff;
    border-radius: 4px;
    margin-right: 2px;
    text-align: center
}

.navbar .right-menu .userinfo .advanced,.navbar .right-menu .userinfo .enterprise,.navbar .right-menu .userinfo .free,.navbar .right-menu .userinfo .standard {
    width: 44px;
    height: 20px;
    display: inline-block;
    padding: 0,4px,0,4px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin-right: 2px;
    border-radius: 4px;
    text-align: center
}

.navbar .right-menu .userinfo .advanced i,.navbar .right-menu .userinfo .enterprise i,.navbar .right-menu .userinfo .free i,.navbar .right-menu .userinfo .standard i {
    margin-right: 1px!important;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    display: inline-block;
    vertical-align: -8px;
    background: url(../img/new-charge-1.png)
}

.navbar .right-menu .userinfo .advanced.free,.navbar .right-menu .userinfo .enterprise.free,.navbar .right-menu .userinfo .free.free,.navbar .right-menu .userinfo .standard.free {
    color: #768b9e;
    background: -webkit-linear-gradient(314deg,#d7dfeb,#b3c5d7);
    background: linear-gradient(136deg,#d7dfeb,#b3c5d7);
    -webkit-box-shadow: 0 1px 4px 0 rgba(94,94,94,.3);
    box-shadow: 0 1px 4px 0 rgba(94,94,94,.3)
}

.navbar .right-menu .userinfo .advanced.free i,.navbar .right-menu .userinfo .enterprise.free i,.navbar .right-menu .userinfo .free.free i,.navbar .right-menu .userinfo .standard.free i {
    margin-right: -1px!important
}

.navbar .right-menu .userinfo .advanced.standard,.navbar .right-menu .userinfo .enterprise.standard,.navbar .right-menu .userinfo .free.standard,.navbar .right-menu .userinfo .standard.standard {
    background: -webkit-linear-gradient(315deg,#11bff8,#0e85ff);
    background: linear-gradient(135deg,#11bff8,#0e85ff)
}

.navbar .right-menu .userinfo .advanced.standard i,.navbar .right-menu .userinfo .enterprise.standard i,.navbar .right-menu .userinfo .free.standard i,.navbar .right-menu .userinfo .standard.standard i {
    background: url(../img/new-charge-2.png)
}

.navbar .right-menu .userinfo .advanced.advanced,.navbar .right-menu .userinfo .enterprise.advanced,.navbar .right-menu .userinfo .free.advanced,.navbar .right-menu .userinfo .standard.advanced {
    background: -webkit-linear-gradient(315deg,#ffab16,#fc6100);
    background: linear-gradient(135deg,#ffab16,#fc6100)
}

.navbar .right-menu .userinfo .advanced.advanced i,.navbar .right-menu .userinfo .enterprise.advanced i,.navbar .right-menu .userinfo .free.advanced i,.navbar .right-menu .userinfo .standard.advanced i {
    background: url(../img/new-charge-3.png)
}

.navbar .right-menu .userinfo .advanced.enterprise,.navbar .right-menu .userinfo .enterprise.enterprise,.navbar .right-menu .userinfo .free.enterprise,.navbar .right-menu .userinfo .standard.enterprise {
    background: -webkit-linear-gradient(315deg,#fe6d8b,#fc3273)!important;
    background: linear-gradient(135deg,#fe6d8b,#fc3273)!important
}

.navbar .right-menu .userinfo .advanced.enterprise i,.navbar .right-menu .userinfo .enterprise.enterprise i,.navbar .right-menu .userinfo .free.enterprise i,.navbar .right-menu .userinfo .standard.enterprise i {
    background: url(../img/new-charge-4.png)
}

.navbar .right-menu .userinfo .advanced:last-child,.navbar .right-menu .userinfo .enterprise:last-child,.navbar .right-menu .userinfo .free:last-child,.navbar .right-menu .userinfo .standard:last-child {
    margin-right: 0
}

.navbar .right-menu .userinfo .user-time {
    color: #a6a6a6;
    font-size: 12px;
    line-height: 20px
}

.navbar .right-menu .userinfo .user-name {
    color: #18191b;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px
}

.navbar .right-menu .userinfo i {
    cursor: pointer
}

.navbar .right-menu .userinfo .logout-show {
    width: 36px;
    height: 60px;
    display: inline-block;
    margin-left: -16px
}

.navbar .right-menu .userinfo .logout-show .nav-pop {
    display: none
}

.navbar .right-menu .userinfo .six_account {
    width: 32px;
    height: 17px;
    border-radius: unset!important;
    margin-bottom: 3px
}

.navbar .right-menu .userinfo .nav-pop {
    background: none;
    position: absolute;
    top: 26px;
    right: -10px;
    display: none;
    width: 102px;
    z-index: 1001;
    min-height: 60px
}

.navbar .right-menu .userinfo .logout {
    position: absolute;
    top: 40px;
    right: 6px;
    width: 178px;
    text-align: left;
    min-height: 42px;
    background: #fff;
    border: 1px solid #eee;
    color: #595959;
    font-size: 13px;
    cursor: pointer
}

.navbar .right-menu .userinfo .logout:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 75px;
    z-index: 2
}

.navbar .right-menu .userinfo .logout:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    position: absolute;
    top: -7px;
    left: 74px;
    z-index: 1
}

.navbar .right-menu .userinfo .logout .log-top {
    padding: 6px 8px 0 16px;
    font-size: 12px;
    font-weight: 400;
    color: #595959;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ebeef5;
    line-height: 20px;
    position: relative
}

.navbar .right-menu .userinfo .logout .log-top .id {
    display: inline-block;
    width: calc(100% - 52px);
    overflow: hidden;
    text-overflow: ellipsis
}

.navbar .right-menu .userinfo .logout .log-top .copy {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 0 8px;
    position: absolute;
    margin-left: 2px;
    cursor: pointer;
    border: 1px solid transparent
}

.navbar .right-menu .userinfo .logout .log-top .copy.active,.navbar .right-menu .userinfo .logout .log-top .copy:hover {
    background: #ffeef3;
    border: 1px solid #ffacc3;
    color: #ff5a88
}

.navbar .right-menu .userinfo .logout i {
    font-size: 13px;
    color: #595959;
    margin-left: 0!important;
    margin-right: 8px
}

.navbar .right-menu .userinfo .logout li:nth-child(3) i,.navbar .right-menu .userinfo .logout li:nth-child(4) i {
    margin-right: 4px
}

.navbar .right-menu .userinfo .logout li:first-child a {
    margin-top: 4px
}

.navbar .right-menu .userinfo .logout li:nth-child(5) a {
    margin-bottom: 4px
}

.navbar .right-menu .userinfo .logout ul {
    padding: 2px 0 0 16px
}

.navbar .right-menu .userinfo .logout ul li a {
    height: 32px;
    line-height: 32px;
    display: block;
    color: #595959
}

.navbar .right-menu .userinfo .logout ul li a:hover {
    color: #ff5a88;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1!important
}

.navbar .right-menu .userinfo .logout ul li a:hover i {
    color: #ff5a88
}

.navbar .right-menu .userinfo:hover,.navbar .right-menu .userinfo:hover .logout-show .nav-pop {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.navbar .right-menu .userinfo:hover .logout-show .nav-pop {
    display: block
}

#videoHistory .up-info__info-time2,#videoHistory .up-info__info-title {
    max-width: 197px
}

.border-none {
    border: 0!important
}

.right-fixed-nav {
    position: fixed;
    z-index: 999;
    bottom: 80px;
    right: 10px
}

.right-fixed-nav.order-top {
    right: 0
}

.right-fixed-nav.order-top a {
    padding: 7px 0
}

.right-fixed-nav.order-top a.active {
    background: #fb7399
}

.right-fixed-nav.order-top a.top {
    padding: 0 0 1px
}

.right-fixed-nav a {
    padding: 5px 0;
    display: block;
    width: 26px;
    text-align: center;
    color: #fff;
    position: relative;
    background: #636363;
    background: rgba(99,99,99,.8);
    margin-bottom: 6px;
    border-radius: 4px
}

.right-fixed-nav a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.right-fixed-nav a .nav-pop {
    background: none;
    position: absolute;
    bottom: -30px;
    display: none;
    width: 253px;
    min-height: 450px;
    left: -253px
}

.right-fixed-nav a .nav-pop .kefu-pop {
    width: 244px;
    min-height: 30px;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    position: absolute;
    top: 26px
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-hd {
    height: 46px;
    line-height: 46px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
    text-align: center;
    color: #303133
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd {
    background: #fff;
    padding: 0 15px;
    font-size: 13px;
    color: #606266
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .list {
    padding: 16px 0 13px;
    border-bottom: 1px solid #eee
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .list:last-child {
    border-bottom: none
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .list .kefu-time {
    display: block;
    text-align: left;
    color: #909399;
    height: 15px;
    line-height: 15px;
    margin-bottom: 14px;
    font-size: 13px
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .list .kefu-time strong {
    color: #606266;
    font-weight: 400;
    padding-right: 3px
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .list .kefu-time span {
    color: #fb7399;
    width: unset;
    text-align: unset;
    display: unset;
    margin: unset
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .list .number {
    float: left;
    height: 22px;
    color: #909399;
    line-height: 22px;
    width: unset;
    text-align: unset;
    display: unset;
    margin: unset
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .list .el-button {
    padding: 0 8px;
    float: left;
    margin-left: 12px;
    line-height: 22px
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .list .el-button span {
    width: unset;
    text-align: unset;
    display: unset;
    margin: unset
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .code {
    width: 212px;
    height: 212px;
    border-radius: 4px;
    border: 1px solid #eee;
    margin: 5px auto 14px
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .code img {
    margin: 0 auto;
    padding-top: 13px;
    width: 185px;
    height: 198px
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .scan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #909399;
    height: 37px;
    line-height: 22px;
    font-size: 13px;
    padding-bottom: 15px
}

.right-fixed-nav a .nav-pop .kefu-pop .kefu-pop-bd .scan:before {
    width: 14px;
    height: 14px;
    content: "";
    display: inline-block;
    margin-right: 8px;
    background: url(../img/scan.png) no-repeat
}

.right-fixed-nav a i.ewm {
    width: 16px;
    display: block;
    height: 16px;
    margin: 0 auto;
    background: url(../img/ewm.png) no-repeat
}

.right-fixed-nav a:hover {
    background: #fb7399
}

.right-fixed-nav a span {
    width: 16px;
    text-align: center;
    display: block;
    margin: 0 auto
}

.right-fixed-nav a span em {
    font-style: normal;
    font-size: 12px;
    display: block;
    -webkit-transform: scale(.75);
    margin-left: -3px;
    margin-top: -5px;
    margin-bottom: 3px
}

.right-fixed-nav a span i {
    display: block;
    text-align: center
}

.right-fixed-nav a:hover .nav-pop {
    display: block
}

.nav-pop:hover {
    display: block!important
}

.status-line {
    margin: 0 16px 0 6px;
    display: inline-block;
    width: 1px;
    background: #eaeaea;
    height: 16px;
    vertical-align: -6px
}

.user-choose-version {
    margin-right: 16px
}

.user-choose-version .select2-selection--single {
    height: 24px!important;
    border-radius: 4px;
    color: #595959
}

.user-choose-version .select2-selection--single .select2-selection__rendered {
    color: #595959;
    padding-right: 22px!important;
    line-height: 23px!important;
    font-size: 13px;
    text-align: left
}

.user-choose-version .select2-selection--single .select2-selection__arrow {
    top: 6px!important;
    width: 12px;
    height: 12px;
    color: #595959
}

.select2-dropdown--below {
    border-radius: 8px;
    padding: 8px 12px;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.12);
    margin-top: 8px;
    border: unset!important;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #6e6e6e
}

.select2-dropdown--below:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0 4px 4px;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #fff;
    top: -4px;
    left: 47.5%;
    z-index: 2
}

.select2-dropdown--below .select2-results__option--highlighted {
    background: #fff!important
}

.select2-dropdown--below .select2-results__option {
    color: #6e6e6e;
    padding: unset
}

.select2-dropdown--below .select2-results__option:not(:first-child) {
    margin-top: 6px
}

.top-search-box {
    position: relative;
    display: inline-block;
    margin-left: 59px;
    vertical-align: 25px
}

.top-search-box .el-input-group__append {
    background-color: unset;
    border: 0!important
}

.top-search-box .el-input__inner {
    height: 32px;
    line-height: 32px;
    border: 1px solid #ff5a88
}

.top-search-box .close {
    position: absolute;
    right: 60px;
    color: #c0c4cc;
    top: 11px;
    font-size: 18px;
    display: block;
    font-weight: 400;
    z-index: 99;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    font-size: 12px
}

.top-search-box .close:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8
}

.top-search-box .el-button {
    padding: 7.5px 13px!important;
    background-color: #ff5a88!important;
    border-color: #ff5a88!important;
    border-top: unset!important
}

.top-search-box .el-icon-close:hover {
    color: #fb7399!important
}

.top-search-box input::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #595959;
    line-height: 20px
}

.top-search-box input:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #595959;
    line-height: 20px
}

undefined {
    font-size: 12px;
    font-weight: 400;
    color: #595959;
    line-height: 20px
}

.top-search-box input::placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #595959;
    line-height: 20px
}

.top-search-box .search-result {
    width: 872px;
    min-height: 600px;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    padding-bottom: 40px;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.15)
}

.top-search-box .search-result .search_result-top {
    padding: 24px 22px;
    position: relative
}

.top-search-box .search-result .search_result-top span {
    width: 90%;
    text-align: left;
    display: inline-block;
    font-size: 13px;
    color: #909399
}

.top-search-box .search-result .search_result-top span em {
    font-style: normal;
    color: #fb7399
}

.top-search-box .search-result .search_result-top .el-icon-close {
    position: absolute;
    right: 24px;
    color: #000;
    color: rgba(0,0,0,.45);
    top: 25px;
    font-size: 18px;
    display: block;
    z-index: 999
}

.top-search-box .search_history {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 9999;
    width: 270px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    border: 1px solid #d9d9d9
}

.top-search-box .search_history p {
    height: 32px;
    background: #fff;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #595959;
    line-height: 32px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-search-box .search_history .active,.top-search-box .search_history p:hover {
    background: #f5f5f5;
    color: #ff5a88
}

.top-search-box .search_history:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 44.2%;
    z-index: 2
}

.top-search-box .search_history:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d9d9d9;
    position: absolute;
    top: -7px;
    left: 44%;
    z-index: 1
}

.top-search-box .search-result-box {
    padding: 40px 24px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.top-search-box .search-result-box .search-result-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 40px
}

.top-search-box .search-result-box .search-result-item:last-child {
    margin-right: 0
}

.top-search-box .search-result-box .search-result-item h4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px;
    position: relative;
    text-align: left
}

.top-search-box .search-result-box .search-result-item h4 i {
    color: #fb7399
}

.top-search-box .search-result-box .search-result-item h4 strong {
    color: #303133;
    font-size: 16px;
    margin-left: 8px;
    margin-right: 16px
}

.top-search-box .search-result-box .search-result-item h4 span {
    color: #909399
}

.top-search-box .search-result-box .search-result-item h4 a {
    position: absolute;
    top: 0;
    right: 0;
    color: #fb7399
}

.top-search-box .search-item-body li {
    border-bottom: 1px solid #eee;
    padding: 12px 0 12px 8px;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.top-search-box .search-item-body li:hover {
    background: #f4f7f9
}

.top-search-box .search-item-body li .up-info__info-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.top-search-box .search-item-body li .up-info {
    max-width: calc(100% - 30px)
}

.top-search-box .search-item-body li .up-info__info-name i {
    padding-left: 0
}

.top-search-box .search-item-body li .detail {
    position: absolute;
    right: 19px;
    top: 28px;
    color: #fb7399
}

.top-search-box .biji .up-info {
    max-width: 100%!important
}

.top-search-box .biji .up-info .up-info__avatar {
    width: 98px
}

.top-search-box .biji .up-info .up-info__avatar img {
    width: 88px;
    height: 55px;
    border-radius: 2px
}

.top-search-box .biji .up-info .up-info__info-lv {
    padding-top: 4px;
    color: #909399
}

.top-search-box .biji .up-info .up-info__info-lv span {
    margin-right: 16px
}

.top-search-box .biji .up-info .up-info__info-lv span i {
    font-size: 14px
}

.top-search-box .biji li {
    padding: 8px 0 9px
}

.top-search-box .product li {
    padding: 8px 0
}

.top-search-box .product .up-info__info-lv {
    color: #f56c6c
}

.top-search-box .product .up-info__avatar img {
    border-radius: 2px
}

.top-search-box .product .detail {
    top: 23px!important
}

.top-search-box .product .up-info {
    max-width: calc(100% - 73px)!important
}

.top-search-box .brand .up-info {
    max-width: calc(100% - 77px)!important
}

.top-search-box .brand li {
    padding: 21px 0 21px 8px
}

.top-search-box .brand .detail {
    top: 23px!important
}

.gonggao {
    margin-right: 12px;
    position: relative;
    margin-left: 6px;
    width: 32px;
    height: 32px;
    background: #fee9ec;
    border-radius: 50%;
    border: 1px solid #fb94a0;
    color: #f72941;
    padding: 2px;
    font-size: 20px;
    text-align: center;
    padding: 2px 0;
    vertical-align: -4px
}

.gonggao i {
    font-size: 20px;
    padding: 0 0 0 5.25px
}

.gonggao:hover {
    color: #f72941;
    background: #fdd2d2
}

.gonggao .message {
    position: absolute;
    border: 1px solid #fb94a0;
    background: #f84c4c;
    font-size: 12px;
    color: #fff;
    text-align: center;
    top: -6px;
    left: 20px
}

.gonggao .message_1 {
    width: 15px;
    height: 15px;
    line-height: 12px;
    border-radius: 50%
}

.gonggao .message_2 {
    width: 23px
}

.gonggao .message_2,.gonggao .message_3 {
    height: 16px;
    border-radius: 8px;
    line-height: 12px
}

.gonggao .message_3 {
    width: 28px
}

.promotion-6th {
    position: fixed;
    font-size: 14px;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 2001;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.promotion-6th .close-block {
    position: absolute;
    right: 12px;
    top: 12px;
    height: 24px;
    width: 85px;
    display: block;
    cursor: pointer
}

.promotion-6th .banner {
    width: 800px;
    height: 600px;
    margin: 150px auto;
    padding-top: 300px;
    position: relative;
    background: url(../img/promotion6th/bac.png) no-repeat;
    background-size: 100% 100%
}

.promotion-6th .banner .close-6th {
    position: absolute;
    right: 12px;
    top: 12px;
    height: 24px;
    line-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px 8px
}

.promotion-6th .banner .close-6th .no_msg {
    background: #000;
    background: rgba(0,0,0,.2);
    border-radius: 24px;
    padding: 4px 8px;
    width: 64px;
    height: 24px;
    margin-right: 8px;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.promotion-6th .banner .close-6th .no_msg:hover {
    background: #000;
    background: rgba(0,0,0,.4);
    color: #fff;
    cursor: pointer
}

.promotion-6th .banner .close-6th .close-icon {
    background: #000;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    padding: 0 6.5px;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    background: url(../img/11_promotion/close.png);
    background-size: 24px 24px;
    cursor: pointer
}

.promotion-6th .banner .close-6th .close-icon:hover {
    cursor: pointer;
    background: url(../img/11_promotion/close-hover.png);
    background-size: 24px 24px
}

.promotion-6th .banner .close-6th:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.promotion-6th .banner .close-v2 .tip-2 {
    border-radius: 30px;
    background: #000;
    background: rgba(0,0,0,.26667);
    padding: 0 8px;
    line-height: 1;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 12px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.promotion-6th .banner .close-v2 .tip-2:hover {
    background: #000;
    background: rgba(0,0,0,.4)
}

.promotion-6th .banner .close-v2 .tip-2 a {
    color: #fff
}

.promotion-6th .banner .close-v2 .tip-2 .line {
    width: 1px;
    height: 9px;
    background: #fff;
    background: hsla(0,0%,100%,.5);
    margin: 0 3px 0 5px
}

.promotion-6th .banner .footer-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 54px;
    width: 100%;
    padding: 0 193px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.promotion-6th .banner .footer-btn .btn-detail {
    width: 191px;
    height: 48px;
    background: url(../img/promotion6th/left-btn.png) no-repeat;
    background-size: 191px 48px;
    cursor: pointer;
    margin-bottom: 2px
}

.promotion-6th .banner .footer-btn .btn-detail:hover {
    background: url(../img/promotion6th/left-active-btn.png) no-repeat;
    background-size: 191px 48px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.promotion-6th .banner .footer-btn .btn-buy {
    width: 191px;
    height: 48px;
    background: url(../img/promotion6th/right-btn.png) no-repeat;
    background-size: 191px 48px;
    cursor: pointer;
    margin-left: 33px
}

.promotion-6th .banner .footer-btn .btn-buy:hover {
    background: url(../img/promotion6th/right-active-btn.png) no-repeat;
    background-size: 191px 48px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.promotion-6th-live-large {
    position: fixed;
    font-size: 14px;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 2001;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.promotion-6th-live-large .banner {
    width: 801px;
    height: 601px;
    margin: 150px auto;
    padding-top: 300px;
    position: relative;
    background: url(../img/5th/go-live.png) no-repeat;
    background-size: 100% 100%
}

.promotion-6th-live-large .banner .close-6th-live {
    position: absolute;
    border-radius: 50%;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    background: url(../img/5th/close.png);
    background-size: 24px 24px;
    cursor: pointer
}

.promotion-6th-live-large .banner .close-6th-live:hover {
    cursor: pointer;
    background: url(../img/5th/close-hover.png);
    background-size: 24px 24px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.promotion-6th-live {
    margin-right: 16px
}

.promition-universary,.promotion-6th-live,.promotion-6th-live .live-5th-img {
    width: 128px;
    height: 32px
}

.promition-universary,.promotion-6th-go {
    display: inline-block
}

.promotion-6th-go {
    width: 117px;
    height: 33px;
    background: url(../img/promotion6th/banner-bac.png) no-repeat;
    background-size: 117px 33px
}

@-webkit-keyframes scaleDrew {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes scaleDrew {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.marketing-customization {
    display: inline-block;
    width: 220px;
    height: 44px;
    position: relative;
    padding-left: 174px;
    margin-left: 24px;
    padding-top: 2px;
    background: url(../img/marketing-custom.png) no-repeat
}

.marketing-customization .go2 {
    width: 41px;
    height: 41px;
    display: block;
    background: url(../img/marketing-custom-go.png) no-repeat
}

.marketing-customization .nav-pop {
    display: none;
    width: 470px!important;
    position: absolute;
    left: -207px;
    min-height: 250px!important;
    z-index: 2222;
    top: 28px
}

.marketing-customization .iconcustomPop {
    width: 640px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
    text-align: center;
    padding: 16px 30px;
    position: absolute;
    top: 28px
}

.marketing-customization .iconcustomPop:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0 7px 7px;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #fff;
    top: -8px;
    left: 48.5%;
    z-index: 2
}

.marketing-customization .iconcustomPop .custom-elg {
    font-size: 14px;
    font-weight: 400;
    color: #909399;
    text-align: left;
    line-height: 24px;
    margin: 10px 0 8px 16px
}

.marketing-customization .iconcustomPop .custom-elg a {
    margin: 0 16px 0 8px;
    cursor: pointer;
    color: #909399!important
}

.marketing-customization .iconcustomPop .custom-elg a i {
    margin-right: 4px;
    font-size: 14px
}

.marketing-customization .iconcustomPop .custom-elg .custom-active,.marketing-customization .iconcustomPop .custom-elg .custom-active i,.marketing-customization .iconcustomPop .custom-elg a:hover,.marketing-customization .iconcustomPop .custom-elg a:hover i {
    color: #fb7399!important
}

.marketing-customization .iconcustomPop em {
    content: "";
    width: 0;
    height: 0;
    border-width: 0 7px 7px;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #fff;
    top: -6px;
    left: 48.5%;
    z-index: 2
}

.marketing-customization .iconcustomPop .custom-title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    margin-left: -7px
}

.marketing-customization .iconcustomPop .custom-box {
    display: inline-block;
    margin-top: 32px
}

.marketing-customization .iconcustomPop .custom-box .custom-item {
    width: 280px;
    height: 126px;
    background: #fff;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
    border-radius: 8px;
    padding: 2px;
    display: inline-block;
    box-size: border-box
}

.marketing-customization .iconcustomPop .custom-box .custom-item:first-child {
    margin-right: 15px
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child {
    width: 276px;
    height: 122px;
    background: -webkit-gradient(linear,left top,left bottom,from(#f4f5f8),to(#fff));
    background: -webkit-linear-gradient(top,#f4f5f8,#fff);
    background: linear-gradient(180deg,#f4f5f8,#fff);
    border-radius: 6px;
    padding: 14px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-size: border-box
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .num {
    width: 16px;
    height: 17px;
    margin-top: 3px
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .custom-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 12px;
    text-align: left
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .custom-right h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
    margin-bottom: 4px
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .custom-right p {
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    color: #595959;
    line-height: 20px
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .custom-right a {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    display: block;
    margin-top: 8px!important
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .custom-right a i {
    font-size: 12px;
    margin-left: 5px
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .custom-right a.active,.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .custom-right a:hover {
    color: #ff5a88
}

.marketing-customization .iconcustomPop .custom-box .custom-item .custom-child .type {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -14px;
    right: 10px
}

.marketing-customization .el-button {
    margin: 0 auto;
    text-align: center;
    padding: 12px 16px;
    background-color: #ff5a88
}

.marketing-customization .el-button span {
    margin: 1px 16px
}

.marketing-customization .el-button i {
    font-size: 16px;
    position: relative;
    animation: arrow 1s infinite;
    -webkit-animation: arrow 1s infinite
}

.marketing-customization .el-button i.left1,.marketing-customization .el-button i.right2 {
    animation-delay: .5s;
    -webkit-animation-delay: .5s
}

.marketing-customization .el-button i.left2,.marketing-customization .el-button i.right1 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s
}

.marketing-customization:hover .nav-pop {
    display: block!important
}

.iconcustom {
    display: inline-block;
    margin-right: 8px!important;
    vertical-align: .25px!important
}

.iconcustom i {
    font-size: 14px;
    vertical-align: -.25px!important
}

@keyframes arrow {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        opacity: .2
    }

    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@-webkit-keyframes arrow {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        opacity: .2
    }

    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.top-search {
    border-bottom: 1px solid #ebeef5;
    padding-bottom: 24px!important
}

.top-search a.add,.top-search a.tips {
    margin-left: 24px;
    color: #ff5a88
}

.top-search a.tips i {
    color: #ff5a88
}

.top-search .search-criteria:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.top-search .search-criteria.active:after,.top-search .search-criteria:active:after {
    border-top: none;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent
}

.top-search .top-search-items .top-search-item {
    width: 580px;
    display: inline-block;
    margin-right: 11px
}

.top-search .top-search-items .search-criteria:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.top-search .top-search-items .search-criteria.active:after,.top-search .top-search-items .search-criteria:active:after {
    border-top: none;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent
}

.top-search .up-search-history {
    padding: 16px 0 24px;
    color: #909399;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -16px
}

.top-search .up-search-history p {
    display: block;
    color: #909399;
    font-size: 12px;
    text-align: left
}

.top-search .up-search-history .search-history-lable {
    width: 70px
}

.top-search .up-search-history .search-history-tag {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.top-search .up-search-history em {
    color: #909399;
    font-style: normal
}

.top-search .up-search-history .el-tag .el-tag__close {
    color: #ff5a88
}

.top-search .up-search-history .el-tag .el-tag__close:hover {
    color: #fff;
    background-color: #ff5a88
}

.el-input-group__append,.el-input-group__prepend {
    background-color: #ff5a88
}

.sidebar {
    -webkit-transition: width .3s;
    transition: width .3s;
    will-change: width;
    width: 220px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    height: 100%;
    z-index: 12
}

.sidebar .el-menu-vertical-demo {
    padding-top: 1px
}

.sidebar .iconfont {
    font-size: 14px
}

.sidebar .el-menu-item .ft-weight {
    font-weight: 600;
    color: #606266
}

.sidebar .el-menu-item .ft-weight:hover {
    color: #fb7399!important
}

.sidebar .el-menu-item .iconbangzhu {
    color: #909399!important
}

.sidebar .el-menu-item a {
    color: #606266
}

.sidebar .el-menu-item a:hover {
    color: #ff5a88;
    text-decoration: none
}

.sidebar .el-menu-item.is-active {
    color: #ff5a88
}

.sidebar .el-menu-item.is-active a {
    color: #ff5a88;
    text-decoration: none
}

.sidebar .el-menu-item.is-active span {
    color: #fb7399
}

.sidebar .el-menu-item.is-active .bc-logo {
    color: #fff!important
}

.sidebar .el-menu {
    border-right: none;
    z-index: 1001
}

.sidebar .el-menu-item,.sidebar .el-submenu__title {
    height: 44px;
    line-height: 44px
}

.sidebar .el-menu-item>span,.sidebar .el-submenu__title>span {
    color: #606266;
    font-weight: 600
}

.sidebar .el-submenu__title:hover {
    background-color: #fff
}

.sidebar .el-menu-item-group__title {
    padding: 0!important
}

.sidebar .el-menu-item:focus,.sidebar .el-menu-item:hover {
    outline: 0;
    background-color: #fff
}

.sidebar .el-submenu-active .el-submenu__title,.sidebar .el-submenu-active .el-submenu__title i,.sidebar .el-submenu-active .el-submenu__title span {
    color: #ff5a88
}

.sidebar .red-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #ff634f;
    border-radius: 50%;
    margin-left: 8px;
    margin-top: 3px;
    position: relative;
    top: -2px
}

.sidebar .el-submenu__icon-arrow {
    display: none
}

.sidebar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px
}

.sidebar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #e4e7ed!important;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sidebar::-webkit-scrollbar {
    display: none;
    background: #e4e7ed!important
}

.sidebar:hover::-webkit-scrollbar {
    display: block;
    width: 4px!important;
    background: #e4e7ed!important;
    background-color: #e4e7ed
}

.sidebar-collapsed .center-collapsed {
    text-align: center
}

.sidebar-collapsed .el-menu-item,.sidebar-collapsed .el-submenu {
    margin-bottom: 15px
}

.sidebar-collapsed .el-menu-item .sidebar-collapsed-name,.sidebar-collapsed .el-submenu .sidebar-collapsed-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    color: #606266;
    left: 50%;
    -webkit-transform: translateX(-59%);
    transform: translateX(-59%)
}

.sidebar-collapsed .el-menu-item .el-tooltip,.sidebar-collapsed .el-submenu .el-tooltip,.sidebar-collapsed .el-submenu__title {
    text-align: center
}

.sidebar-collapsed a .el-tooltip {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

.sidebar-collapsed .line-menu {
    display: none
}

.sidebar-zoom {
    position: absolute;
    top: 40%;
    z-index: 99
}

.sidebar-zoom i {
    font-size: 10px;
    color: #fb7399
}

.sidebar-zoom .sidebar-button-close,.sidebar-zoom .sidebar-button-open {
    width: 16px;
    height: 80px;
    line-height: 40px;
    position: absolute;
    padding: 18px 2px;
    cursor: pointer;
    text-align: center
}

.sidebar-zoom .sidebar-button-open {
    color: #fff;
    background: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 3px 0 0 3px;
    line-height: 40px
}

.sidebar-zoom .sidebar-button-close {
    background: #fff;
    color: #fb7399;
    border-radius: 0 3px 3px 0
}

.icon-name {
    display: none
}

.menu-tip:before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #25303a;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 10px;
    left: -5px
}

.menu-tip {
    display: none;
    height: 28px;
    line-height: 28px;
    padding: 0 7px;
    background: #333;
    border-radius: 5px;
    color: #fff;
    position: absolute;
    top: 8px;
    left: 70px;
    white-space: nowrap
}

.sidebar-collapsed .el-menu-item:hover .menu-tip {
    display: block
}

.sidebar-collapsed .flex_menu {
    margin-top: 0;
    margin-bottom: 0
}

.sidebar-collapsed .el-menu-item:hover i,.sidebar-collapsed .el-submenu__title:hover i {
    color: #fb7399!important
}

.sidebar-collapsed .el-menu-item:hover .sidebar-collapsed-name,.sidebar-collapsed .el-submenu__title:hover .sidebar-collapsed-name {
    color: #ff5a88
}

.sidebar-collapsed .el-submenu:hover .el-menu-item {
    margin-left: 0;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    min-width: 160px;
    margin-bottom: 3px
}

.sidebar-collapsed .el-submenu:hover .el-menu-item a {
    text-algin: start!important
}

.bc-logo {
    background: #fb7399!important;
    vertical-align: .25px
}

.anniversary-discount {
    width: 54px;
    height: 13.5px;
    vertical-align: -.75px
}

.beta-style {
    vertical-align: .25px
}

.help-style {
    color: #909399!important
}

.flex_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -2px;
    margin-bottom: 12px
}

.flex_menu .el-menu-item .a {
    color: #606266;
    font-weight: 600
}

.flex_menu .el-menu-item {
    padding: 0;
    font-size: 12px;
    width: 82px;
    min-width: 82px;
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 6px
}

.line-menu {
    width: 180px;
    height: 1px;
    background: #ebeef5;
    margin: auto
}

.main .sidebar-collapsed-name {
    display: none
}
